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 04 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
Jun 17 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
es6学习笔记之Async函数的使用示例
May 11 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
Vue中使用的EventBus有生命周期
Jul 12 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
javascript实现打砖块小游戏(附完整源码)
Sep 18 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类分享
2014/02/07 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
PHP生成和获取XML格式数据的方法
2016/03/04 PHP
PHP类相关知识点实例总结
2016/09/28 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
随窗体滑动的小插件sticky源码
2013/06/21 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
js实现正方形颜色从下往上升的效果
2014/08/04 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
微信小程序 利用css实现遮罩效果实例详解
2017/01/21 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
Vue.extend 编程式插入组件的实现
2019/11/18 Javascript
pandas DataFrame 警告(SettingWithCopyWarning)的解决
2019/07/23 Python
python能做什么 python的含义
2019/10/12 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
Python基于time模块表示时间常用方法
2020/06/18 Python
Python 如何调试程序崩溃错误
2020/08/03 Python
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
素食餐饮项目创业计划书
2014/02/02 职场文书
农村产权制度改革实施方案
2014/03/21 职场文书
医疗纠纷协议书
2014/04/16 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
个人融资协议书
2014/10/02 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
圣诞晚会主持词
2015/07/01 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
团结主题班会
2015/08/13 职场文书
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL