繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript网页关键字高亮代码
- Javascript
- javascript实现的鼠标悬停时动态翻滚的导航条
- 通过隐藏option实现select的联动效果
- jquery 输入框数字限制插件
- 文字来回上下移动或跳动的代码
- JS旋转的彩色文字轮转特效
- 不一样的文字闪烁 轮番闪烁
- Javascript 解疑
- jQuery 白痴级入门教程
- Jquery在IE7下无法使用 $.ajax解决方法
- javascript 日期常用的方法
- ASP中进行HTML数据及JS数据编码函数
- JS 中document.URL 和 windows.location.href 的区别
- 跨域表单提交状态的变相判断代码
- JS解析XML的实现代码
- Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
- Javascript 定时器调用传递参数的方法
- 把html页面的部分内容保存成新的html文件的jquery代码
- XHTML下,JS浮动代码失效的问题
- 两个select之间option的互相添加操作(jquery实现)
- Jquery 获取表单text,areatext,radio,checkbox,select值的代码
Javascript 中的 javascript网页关键字高亮代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 410 ::
收藏到网摘: n/a
非常不错的关键字高亮代码，用js实现，这个方法不错 //高亮网页关键字的javascript代码
var keys = [
["脚本",http://www.ruanchen.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);
}
}
}
评论 (0) All
