JS屏幕搜索，实现CTRL + F的效果

最新推荐文章于 2021-07-30 10:34:50 发布

keepitshortandsimple

最新推荐文章于 2021-07-30 10:34:50 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： character function javascript input button ie

本文链接：https://blog.youkuaiyun.com/keepitshortandsimple/article/details/7474248

本文通过示例代码展示了如何使用JavaScript实现浏览器中常见的Ctrl+F搜索功能，提供了调用代码和完整的网页Demo，适用于网页内容查找场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS code如下：

<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.createTextRang