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>

  • 相关阅读:
    微博深度学习平台架构和实践
    2020暑期学习
    2020春季学期个人课程总结
    人月神话阅读笔记03
    人月深化阅读笔记02
    第十六周学习总结
    人月神话阅读笔记01
    三分算法
    [SDOI2010]魔法猪学院
    【洛谷】NOIP2018原创模拟赛DAY1解题报告
  • 原文地址:https://www.cnblogs.com/aaronguo/p/2549254.html
Copyright © 2011-2022 走看看