栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

javascript网页关键字高亮代码

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

javascript网页关键字高亮代码

//高亮网页关键字的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); 
        } 
    } 
}
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119122.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号