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刷新框架子页面的七种方法代码
Nov 20 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
Apr 26 Javascript
js 浏览本地文件夹系统示例代码
Oct 24 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
PHP守护进程实例
Mar 06 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 Javascript
javascript倒计时效果实现
Nov 12 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
js统计页面上每个标签的数量实例代码
May 29 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
mockjs+vue页面直接展示数据的方法
Dec 19 Javascript
js实现九宫格抽奖
Mar 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
PHP服务器页面间跳转实现方法
2012/08/02 PHP
Php output buffering缓存及程序缓存深入解析
2013/07/15 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
php加密算法之实现可逆加密算法和解密分享
2014/01/21 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
脚本之家贴图转换+转贴工具用到的js代码超级推荐
2007/04/05 Javascript
js同时按下两个方向键
2007/12/01 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
js获取form的方法
2015/05/06 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
2015/09/01 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
2016/04/03 Javascript
axios学习教程全攻略
2017/03/26 Javascript
BootStrap中Table隐藏后显示问题的实现代码
2017/08/31 Javascript
Vue监听滚动实现锚点定位(双向)示例
2019/11/13 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python实现的阳历转阴历(农历)算法
2014/04/25 Python
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
详解python中__name__的意义以及作用
2019/08/07 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
Linux面试经常问的文件系统操作命令
2016/10/04 面试题
动物科学专业毕业生的自我评价
2013/11/29 职场文书
时尚休闲吧创业计划书
2014/01/25 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
数学系个人求职信范文
2014/01/30 职场文书
Vue3中的Refs和Ref详情
2021/11/11 Vue.js