javascript实现网页内容查找功能

稿件来源: 阳光企业网站管理系统   撰稿作者: 太阳光   发表日期: 2013-8-26   阅读次数: 307   查看权限: 游客查看

javascript实现网页内容查找功能

 

<script language="JavaScript">
    var n = 0;
    function findInPage() {
        var str=document.getElementById("searchstr").value;
        if (str==""){
            alert("请输入关键词");
            return false;
        }
        var txt, i, found;
        if (document.all){
            // IE
            txt = window.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();
                }else{
                    alert("未找到指定内容");
                }
            }
        }else if(document.layers){
            if (!window.find(str))
                while(window.find(str, false, true))
                    n++;
            else
                n++;
            if (n == 0)alert("未找到指定内容.");
        }else{
            //ff chrome
            window.find(str, false, true);
            return true;
        }
        return false;
    }
</script>

 

关键词: javascript,网页查找,findtext   编辑时间: 2013-8-26 22:54:27

  • 感到高兴

    0

    高兴
  • 感到支持

    0

    支持
  • 感到搞笑

    0

    搞笑
  • 感到不解

    1

    不解
  • 感到谎言

    0

    谎言
  • 感到枪稿

    0

    枪稿
  • 感到震惊

    0

    震惊
  • 感到无奈

    0

    无奈
  • 感到无聊

    0

    无聊
  • 感到反对

    0

    反对
  • 感到愤怒

    0

    愤怒
100%(4)
0%(0)
共有1 条评论 发言请遵守【相关规定

网友评论

会员头像
发 表同步腾讯微博  匿名评论  验证码:  点击更新
  • 【匿名】为何没有调用代码  这个还得匹配呀  同志 [2015-8-28 10:57:15]
关闭模块文章图片 article Pictrue
  • 代码覆盖率工具 Istanbul 入门教程
  • 全栈工程师的武器——MEAN
  • 9款超炫的 CSS3 复选框(Checkbox)
  • 微信开发在线翻译功能
  • CSS3那些不为人知的高级属性
  • 给easyui的datebox添加清空事件
  • flash写字效果
  • kendoUI系列教程之DropDownList下拉菜单
  • kendoUI系列教程之datetimepicker日期时间选择
  • kendoUI系列教程之datepicker日期选择
  • kendoUI系列教程之combobox下拉列表框
  • kendoUI系列教程之colorpicker
  • kendoUI系列教程之calendar日历表
  • kendoUI系列教程之autocomplete自动补齐
  • kendo ui简介
  • QQ登录网站实战教程