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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
理解Javascript_05_原型继承原理
Oct 13 Javascript
JavaScript中的noscript元素属性位置及作用介绍
Apr 11 Javascript
5种处理js跨域问题方法汇总
Dec 04 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
Jan 10 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
angularjs实现猜数字大小功能
May 20 Javascript
json 带斜杠时如何解析的实现
Aug 12 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
JavaScript实现通讯录功能
Dec 27 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
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
php实现将二维关联数组转换成字符串的方法详解
2017/07/31 PHP
Js之软键盘实现(js源码)
2007/01/30 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
零基础之Node.js搭建API服务器的详解
2019/03/08 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
浅析JS中NEW的实现原理及重写
2020/02/20 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
Python中的列表知识点汇总
2015/04/14 Python
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
详解Python中heapq模块的用法
2016/06/28 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
Python排序算法实例代码
2017/08/10 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
python编写实现抽奖器
2020/09/10 Python
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
YesBabyOnline美国:全球性的在线婚纱礼服工厂
2018/05/05 全球购物
联想英国官网:Lenovo英国
2019/07/17 全球购物
任命书范本大全
2014/06/06 职场文书
校本研修个人总结
2015/02/28 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
mysql幻读详解实例以及解决办法
2022/06/16 MySQL