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 相关文章推荐
解析js原生方法创建表格效率测试
Jul 08 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
JavaScript编程中的Promise使用大全
Jul 28 Javascript
jquery+json实现数据二级联动的方法
Nov 28 Javascript
详解react使用react-bootstrap当轮子造车
Aug 15 Javascript
webpack实用小功能介绍
Jan 02 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
JavaScript数组及常见操作方法小结
Nov 13 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
微信小程序实现倒计时功能
Nov 19 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
基于mysql的论坛(1)
2006/10/09 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
免费的ip数据库淘宝IP地址库简介和PHP调用实例
2014/04/08 PHP
Zend Framework动作助手Json用法实例分析
2016/03/05 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
深入理解JS正则表达式---分组
2016/07/18 Javascript
js 将图片连接转换成base64格式的简单实例
2016/08/10 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
2019/03/31 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
python Django模板的使用方法
2016/01/14 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
python中count函数简单用法
2020/01/05 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
Python同时迭代多个序列的方法
2020/07/28 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
python+openCV对视频进行截取的实现
2020/11/27 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
小学教师国培感言
2014/02/08 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
邹越演讲观后感
2015/06/15 职场文书
归途列车观后感
2015/06/17 职场文书
导游词之沈阳植物园
2019/11/30 职场文书
Redis Cluster集群动态扩容的实现
2021/07/15 Redis