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>

  • 相关阅读:
    MySQL计算月份间隔的函数
    《认知天性:让学习轻而易举的心理学规律》
    Ubuntu通过iptables配置 ip 代理转发
    Ubuntu开启/var/log/messages
    Ubuntu通过Nginx安装Webdav
    Ubuntu通过iptables防止ssh暴力破解
    frp内网穿透
    Vim配置
    Linux为STDOUT的关键字设置颜色
    Maven项目中在properties 中使用 ${} 来引用pom文件中的属性
  • 原文地址:https://www.cnblogs.com/aaronguo/p/2549254.html
Copyright © 2011-2022 走看看