javascript网页关键字高亮代码

 更新时间:2008年07月30日 23:41:16   作者:  
非常不错的关键字高亮代码,用js实现,这个方法不错
//高亮网页关键字的javascript代码 

var keys = [ 
             ["脚本",https://www.jb51.net,"#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); 
        } 
    } 

相关文章

  • Echarts x轴为time的用法代码示例

    Echarts x轴为time的用法代码示例

    平时项目里数据可视化展示用的大多是echarts或者highcharts,下面这篇文章主要给大家介绍了关于Echarts x轴为time用法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-11-11
  • 如何判断出一个js对象是否一个dom对象

    如何判断出一个js对象是否一个dom对象

    如何判断出一个js对象是否一个dom对象呢?下面小编就为大家带来一篇判断出一个js对象是否一个dom对象的方法。希望对大家有所帮助。一起跟随小编过来看看吧
    2016-11-11
  • JavaScript中的构造函数和实例对象之间的关系(构造器)

    JavaScript中的构造函数和实例对象之间的关系(构造器)

    这篇文章主要介绍了JavaScript中的构造函数和实例对象之间的关系(构造器),需要的朋友可以参考下
    2023-05-05
  • JavaScript时间格式化函数功能及使用示例

    JavaScript时间格式化函数功能及使用示例

    这篇文章主要为大家介绍了JavaScript时间格式化函数功能及使用示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • javascript点击才出现验证码

    javascript点击才出现验证码

    用javascript[js]实现的必须经过点击才能出现严重码效果代码
    2008-04-04
  • 相册展示PhotoSwipe.js插件实现

    相册展示PhotoSwipe.js插件实现

    这篇文章主要为大家详细介绍了相册展示PhotoSwipe.js插件实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript中arguments的使用方法详解

    JavaScript中arguments的使用方法详解

    这篇文章主要给大家介绍了关于JavaScript中arguments的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • echarts拖拽滑块dataZoom-slider自定义样式简单适配移动端

    echarts拖拽滑块dataZoom-slider自定义样式简单适配移动端

    在电脑端和移动端的数据展示中,针对移动端的特殊性,进行了一系列优化措施,这篇文章主要介绍了echarts拖拽滑块dataZoom-slider自定义样式简单适配移动端的相关资料,需要的朋友可以参考下
    2024-09-09
  • 微信小程序搜索功能(附:小程序前端+PHP后端)

    微信小程序搜索功能(附:小程序前端+PHP后端)

    这篇文章主要介绍了微信小程序搜索功能(附:小程序前端+PHP后端),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • BootStrap实用代码片段之一

    BootStrap实用代码片段之一

    这篇文章主要为大家详细介绍了BootStrap实用代码片段之一,总结在使用BootStrap中遇到的问题,并记录解决方法,感兴趣的小伙伴们可以参考一下
    2016-03-03

最新评论