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 学习之旅 (3)
Feb 05 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
Mar 17 Javascript
juqery 学习之五 文档处理 包裹、替换、删除、复制
Feb 11 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
Sep 23 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
JavaScript canvas实现围绕旋转动画
Nov 18 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
javascript 易错知识点实例小结
Apr 25 Javascript
用js实现放大镜效果
Oct 28 Javascript
js实现简单图片拖拽效果
Feb 22 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
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
PHP 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
php 应用程序安全防范技术研究
2009/09/25 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
一个简单且很好用的php分页类
2013/10/26 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
php使用PDO方法详解
2014/12/27 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
jQuery中Dom的基本操作小结
2014/01/23 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
2016/12/23 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
在Python的Flask框架中实现单元测试的教程
2015/04/20 Python
解析Mac OS下部署Pyhton的Django框架项目的过程
2016/05/03 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
Python中如何使用if语句处理列表实例代码
2019/02/24 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
解决python运行效率不高的问题
2020/07/20 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
Html5调用手机摄像头并实现人脸识别的实现
2018/12/21 HTML / CSS
电大学习个人自我评价范文
2013/10/04 职场文书
女方婚礼新郎答谢词
2014/01/11 职场文书
彩色的非洲教学反思
2014/02/18 职场文书
给小学生的新年寄语
2014/04/04 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS