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 相关文章推荐
js 分栏效果实现代码
Aug 29 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
Vue实现百度下拉提示搜索功能
Jun 21 Javascript
Bootstrap Table快速完美搭建后台管理系统
Sep 20 Javascript
Vue数字输入框组件示例代码详解
Jan 15 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
vue 授权获取微信openId操作
Nov 13 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
php实现三级级联下拉框
2016/04/17 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
javascript 动态添加表格行
2006/06/22 Javascript
关于Javascript 的 prototype问题。
2007/01/03 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
浅谈javascript中的 “ && ” 和 “ || ”
2017/02/02 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
uniapp实现横向滚动选择日期
2020/10/21 Javascript
nuxt静态部署打包相对路径操作
2020/11/06 Javascript
在Python的while循环中使用else以及循环嵌套的用法
2015/10/14 Python
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
python自动生成证件号的方法示例
2021/01/14 Python
IE矩阵Matrix滤镜旋转与缩放及如何结合transform
2012/11/29 HTML / CSS
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
手机配件第一品牌:ZAGG
2017/05/28 全球购物
共产党员承诺书
2014/03/25 职场文书
娱乐节目策划方案
2014/06/10 职场文书
云冈石窟导游词
2015/02/04 职场文书
安全员岗位职责
2015/02/10 职场文书
Python学习之时间包使用教程详解
2022/03/21 Python
Go语言编译原理之变量捕获
2022/08/05 Golang