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>

  • 相关阅读:
    inotifywait实时监控文件目录
    centos7支持xming
    ssh目录权限说明
    利用xinetd实现简单web服务器
    python3 使用http.server秒速搭建web服务器
    linux FFMPEG 摄像头采集数据推流
    Linux nginx+rtmp服务器配置实现直播点播
    Nginx中加入nginx-rtmp-module
    ubuntu查看屏幕分辨率
    运用设计原则编写可测试性的代码
  • 原文地址:https://www.cnblogs.com/aaronguo/p/2549254.html
Copyright © 2011-2022 走看看