javascript 自动标记来自搜索结果页的关键字

更新时间：2010年01月25日 22:35:08 作者：

使用javascript自动标记来自搜索结果页的关键字的实现代码。

<html> <head> <style> /*定义样式*/ .hilite1{background:#69c;} </style> <script language="javascript" type="text/javascript"> Hilite = { exact: true, max_nodes: 1000, style_name: 'hilite', style_name_suffix: true }; Hilite.hiliteElement = function (elm, query) { if (!query || elm.childNodes.length == 0) return; query = query.split(/[\s,\+\.]+/); var qre = new Array(); for (var i = 0; i < query.length; i++) { query[i] = query[i].toLowerCase(); if (Hilite.exact) qre.push('\\b' + query[i] + '\\b'); else qre.push(query[i]); } qre = new RegExp(qre.join("|"), "i"); var stylemapper = {}; for (var i = 0; i < query.length; i++) { if (Hilite.style_name_suffix) stylemapper[query[i]] = Hilite.style_name + (i + 1); else stylemapper[query[i]] = Hilite.style_name; } var textproc = function (node) { var match = qre.exec(node.data); if (match) { var val = match[0]; var k = ''; var node2 = node.splitText(match.index); var node3 = node2.splitText(val.length); var span = node.ownerDocument.createElement('SPAN'); node.parentNode.replaceChild(span, node2); span.className = stylemapper[val.toLowerCase()]; span.appendChild(node2); return span; } else { return node; } }; Hilite.walkElements(elm.childNodes[0], 1, textproc); }; Hilite.walkElements = function (node, depth, textproc) { var skipre = /^(script|style|textarea)/i; var count = 0; while (node && depth > 0) { count++; if (count >= Hilite.max_nodes) { var handler = function () { Hilite.walkElements(node, depth, textproc); }; setTimeout(handler, 50); return; } if (node.nodeType == 1) { if (!skipre.test(node.tagName) && node.childNodes.length > 0) { node = node.childNodes[0]; depth++; continue; } } else if (node.nodeType == 3) { node = textproc(node); } if (node.nextSibling) { node = node.nextSibling; } else { while (depth > 0) { node = node.parentNode; depth--; if (node.nextSibling) { node = node.nextSibling; break; } } } } }; Hilite.autoForSeachEngine = function () { var re = new RegExp('[\\?&](q|keyword|qk|wd|p)=([^&]+)','ig'); var ref = document.referrer || 'http://search.yahoo.com/search?p=javascript&toggle=1&cop=mss&ei=UTF-8&fr=yfp-t-701'; addLoadEvent(function () { var match = re.exec(ref); if (match) { var query = decodeURIComponent(match[2]); Hilite.hiliteElement(document.getElementById('divMain'), query); } }); }; function addLoadEvent(f) { var old = window.onload; if (typeof old != 'function') window.onload = f; else { window.onload = function () { old(); f(); }; } } Hilite.autoForSeachEngine(); </script> </head> <body> <div id="divMain"> 我是test，我要被highlight。我们是javascript，我们是javascript </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript实现ASC转汉字及汉字转ASC的方法
这篇文章主要介绍了JavaScript实现ASC转汉字及汉字转ASC的方法,涉及JavaScript编码转换的相关技巧,需要的朋友可以参考下
2016-01-01
JS操作json对象key、value的常用方法分析
这篇文章主要介绍了JS操作json对象key、value的常用方法,结合实例形式分析了js操作json对象键值对遍历及增删的相关操作技巧,需要的朋友可以参考下
2019-10-10
Unicode 编码转换器
Unicode 编码转换器...
2007-01-01
Javascript防止图片拉伸的自适应处理方法
这篇文章主要给大家介绍了关于利用Javascript防止图片拉伸的自适应处理方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-12-12
将查询条件的input、select清空
查询条件清空将input、select的值清空，下面有个不错的示例，需要的朋友可以了解下
2014-01-01
js setTimeout()函数介绍及应用以倒计时为例
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，下面有个倒计时的示例，需要的朋友可以学习下
2013-12-12
JSONP获取Twitter和Facebook文章数的具体步骤
这篇文章主要介绍了JSONP获取Twitter和Facebook文章数的方法,需要的朋友可以参考下
2014-02-02
javascript数据类型验证方法
这篇文章主要为大家分享了一个简单的javascript数据类型验证方法，感兴趣的小伙伴们可以参考一下
2015-12-12
JavaScript中AOP的实现与应用
这篇文章主要给大家介绍了关于JavaScript中AOP的实现与应用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
聊聊Javascript中try catch的2个作用
try...catch 可以测试代码中的错误,try 部分包含需要运行的代码,而catch部分包含错误发生时运行的代码,这篇文章主要给大家介绍了关于Javascript中try catch的2个作用,需要的朋友可以参考下
2021-09-09