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 相关文章推荐
JavaScript之引用类型介绍
Aug 10 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
jquery获取当前点击对象的value方法
Feb 28 Javascript
基于js实现投票的实例代码
Aug 04 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
AngularJS Bootstrap详细介绍及实例代码
Jul 28 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 Javascript
ES6学习教程之Map的常用方法总结
Aug 03 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
js基础语法与maven项目配置教程案例
Jul 15 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 无法载入mysql扩展
2010/03/12 PHP
ThinkPHP里用U方法调用js文件实例
2015/06/18 PHP
php和asp语法上的区别总结
2019/05/12 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
JS实现控制表格内指定单元格内容对齐的方法
2015/03/30 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
javascript表单正则应用
2017/02/04 Javascript
JS中cookie的使用及缺点讲解
2017/05/13 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
AnglarJs中的上拉加载实现代码
2018/02/08 Javascript
js实现同一个页面,多个enter事件绑定的示例
2018/10/10 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
python读取word文档的方法
2015/05/09 Python
python中的二维列表实例详解
2018/06/19 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
html table呈现个人简历以及单元格宽度失效的问题解决
2021/01/22 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
汽车专业毕业生推荐信
2013/11/12 职场文书
公司司机岗位职责
2014/02/07 职场文书
出纳试用期自我鉴定
2014/04/07 职场文书
片区教研活动总结
2014/07/02 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
对照检查剖析材料
2014/09/30 职场文书
2015年售票员工作总结
2015/04/29 职场文书
普通员工辞职信范文
2015/05/12 职场文书
公司庆典主持词
2015/07/04 职场文书
JS异步堆栈追踪之为什么await胜过Promise
2021/04/28 Javascript
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python