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下高性能字符串连接StringBuffer类
Aug 16 Javascript
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 Javascript
js中生成map对象的方法
Jan 09 Javascript
解释&&和||在javascript中的另类用法
Jul 28 Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 Javascript
javascript实现简易计算器的代码
May 31 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
JS解惑之Object中的key是有序的么
May 06 Javascript
详解vue-cli3多页应用改造
Jun 04 Javascript
javascript事件监听与事件委托实例详解
Aug 16 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边学边教》(01.开篇――准备工作)
2006/12/13 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
CI框架(ajax分页,全选,反选,不选,批量删除)完整代码详解
2016/11/01 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
利用Vue.js指令实现全选功能
2016/09/08 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
Python单链表简单实现代码
2016/04/27 Python
在centos7中分布式部署pyspider
2017/05/03 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
jupyter notebook引用from pyecharts.charts import Bar运行报错
2020/04/23 Python
利用python循环创建多个文件的方法
2018/10/25 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
创联软件面试题笔试题
2012/10/07 面试题
德尔福集团DELPHI的笔试题
2012/02/22 面试题
大学生演讲稿范文
2014/01/11 职场文书
抄作业检讨书
2014/02/17 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
事业单位鉴定材料
2014/05/25 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
市场部经理岗位职责
2015/02/02 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
教师节作文之小学四年级
2019/09/03 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
python如何正确使用yield
2021/05/21 Python
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
Win11跳过联网界面创建本地管理账户的3种方法
2022/04/20 数码科技