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 相关文章推荐
特殊字符、常规符号及其代码对照表
Jun 26 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
jquery如何通过name名称获取当前name的value值
Dec 20 Javascript
javascript框架设计读书笔记之模块加载系统
Dec 02 Javascript
node.js中的path.dirname方法使用说明
Dec 09 Javascript
JQuery简单实现锚点链接的平滑滚动
May 03 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
ES6中javascript实现函数绑定及类的事件绑定功能详解
Nov 08 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 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服务器
2006/10/09 PHP
PHP错误和异长常处理总结
2014/03/06 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
2014/04/25 PHP
使用PHP Socket 编程模拟Http post和get请求
2014/11/25 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
浅析Laravel5中队列的配置及使用
2016/08/04 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
js触发asp.net的Button的Onclick事件应用
2013/02/02 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
JS验证IP,子网掩码,网关和MAC的方法
2015/07/02 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
2020/10/29 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[01:04:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第二场 1月31日
2021/03/11 DOTA
Jupyter notebook在mac:linux上的配置和远程访问的方法
2019/01/14 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
python变量的作用域是什么
2020/05/26 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
上海方立数码笔试题
2013/10/18 面试题
《分一分》教学反思
2014/04/13 职场文书
美术教师个人工作总结
2015/02/06 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js