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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
JavaScript中的比较操作符>、=、
Dec 31 Javascript
js创建数组的简单方法
Jul 27 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
全面分析JavaScript 继承
May 30 Javascript
react+redux仿微信聊天界面
Jun 21 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
Javascript Worker子线程代码实例
Feb 20 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
js不常见操作运算符总结
Nov 20 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函数的实现原理及性能分析(二)
2015/05/13 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
vue.js的安装方法
2017/05/12 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
JavaScript中ES6规范中let和const的用法和区别
2020/08/06 Javascript
python处理文本文件并生成指定格式的文件
2014/07/31 Python
python函数局部变量用法实例分析
2015/08/04 Python
Python中正则表达式详解
2017/05/17 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
python使用KNN算法手写体识别
2018/02/01 Python
python format 格式化输出方法
2018/07/16 Python
Python 实现域名解析为ip的方法
2019/02/14 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
Vans荷兰官方网站:美国南加州的原创极限运动潮牌
2018/01/23 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
汽车运用工程毕业生自荐信
2013/10/29 职场文书
主持词开场白
2014/03/17 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书