javascript网页关键字高亮代码


Posted in Javascript onJuly 30, 2008

//高亮网页关键字的javascript代码 

var keys = [ 
             ["脚本",https://3water.com,"#ff0000"], 
             ["小说",http://www.kanshule.com,"#00ff00"], 
             ["念经","http://www.baidu.com","#0000ff"], 
             ["工会","http://www.baidu.com","#cc6600"] 
           ] 
var bookmark; 
if(document.createRange){ 
    var range = document.createRange(); 
}else{ 
    var range = document.body.createTextRange(); 
    bookmark = range.getBookmark(); 

var key; 
for(var i = 0;key = keys[i];i++){ 
    if(range.findText){ 
        range.collapse(true); 
        range.moveToBookmark(bookmark); 
        while(range.findText(key[0])){ 
            range.pasteHTML(range.text.fontcolor(key[2])); 
        } 
    }else{ 
        var s,n; 
        s = window.getSelection(); 
        s.collapse(document.body,0); 
        while(window.find(key[0])){ 
            var n = document.createElement("SPAN"); 
            n.style.color=key[2]; 
            s.getRangeAt(0).surroundContents(n); 
        } 
    } 

Javascript 相关文章推荐
Javascript 中介者模式实例
Dec 16 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
codeMirror插件使用讲解
Jan 16 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
Vue2单一事件管理组件通信
May 09 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 Javascript
用js生产批量批处理执行命令
Jul 28 #Javascript
javascript+xml技术实现分页浏览
Jul 27 #Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 #Javascript
发一个自己用JS写的实用看图工具实现代码
Jul 26 #Javascript
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 #Javascript
js树形控件脚本代码
Jul 24 #Javascript
js类中的公有变量和私有变量
Jul 24 #Javascript
You might like
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
GreyBox技术总结(转)
2010/11/23 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
JavaScript实现简单的二级导航菜单实例
2015/04/15 Javascript
Position属性之relative用法
2015/12/14 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
2017/05/19 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
2017/11/27 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
推荐15个最好用的JavaScript代码压缩工具
2019/02/13 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
mac系统安装Python3初体验
2018/01/02 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
Django实现跨域的2种方法
2019/07/31 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
Python 在函数上添加包装器
2020/07/28 Python
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
金山毒霸系列的笔试题
2013/04/13 面试题
大学生学习党课思想汇报
2014/01/03 职场文书
小学生读书笔记
2015/07/01 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
德劲DE1102数字调谐收音机机评
2022/04/07 无线电
Golang流模式之grpc的四种数据流
2022/04/13 Golang
JAVA springCloud项目搭建流程
2022/05/11 Java/Android