zoukankan      html  css  js  c++  java
  • js实现ctrl+F查找(转)

    小记一下,js实现ctrl+F查找功能:

    <script type="text/javascript">       

            var DOM = (document.getElementById) ? 1 : 0;

            var NS4 = (document.layers) ? 1 : 0;

            var IE4 = 0; if (document.all) { IE4 = 1; DOM = 0; }
            var win = window;

            var n = 0;
            function findIt() {

                if (document.getElementById("searchstr").value != "")

                    findInPage(document.getElementById("searchstr").value);

            }

            function findInPage(str) {

                var txt, i, found;
                if (str == "")

                    return false;
                if (DOM) {

                    win.find(str, false, true);

                    return true;

                }
                if (NS4) {

                    if (!win.find(str))

                        while (win.find(str, false, true))

                            n++;

                    else

                        n++;
                    if (n == 0)

                        alert("未找到指定内容.");

                }
                if (IE4) {

                    txt = win.document.body.createTextRange();
                    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {

                        txt.moveStart("character", 1);

                        txt.moveEnd("textedit");

                    }
                    if (found) {

                        txt.moveStart("character", -1);

                        txt.findText(str);

                        txt.select();

                        txt.scrollIntoView();

                        n++;

                    } else {

                        if (n > 0) {

                            n = 0;

                            findInPage(str);

                        } else

                            alert("未找到指定内容.");
                    }
                }
                return false;
            }    
        </script>

      <input type="text" class="edit_seachrTxt" id="searchstr" name="searchstr" />
         <label class="lableBtn"><input type="button" class="edit_seachrBtn" value="查找并选择" onclick="javascript:findIt()" /></label>

  • 相关阅读:
    如果看了此文你还不懂傅里叶变换,那就过来掐死我吧【完整版】(ZZ伯乐在线)
    探索推荐引擎内部的秘密,第 2 部分: 深入推荐引擎相关算法
    Slope One :简单高效的协同过滤算法(Collaborative Filtering)(ZZ)
    非常的好的协同过滤入门文章(ZZ)
    防止rm误操作的方法(zz)
    CentOS使用YUM安装Adobe Flash Player
    今天尝试dd命令制作CentOS启动优盘
    关于php中,POST方法接收不到内容
    linux系统下使用vim 显示行号~
    打开php的错误提示
  • 原文地址:https://www.cnblogs.com/aaronguo/p/2549254.html
Copyright © 2011-2022 走看看