软件开发培训班 >> 编程开发 >> JavaScript

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>

技术文章快速查找

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)

通过js判断访客显示器屏幕分辨率并给出提示

Javascript排序算法之计数排序的实例

JQuery中使用Ajax赋值给全局变量异常的解决方法

实现网页页面跳转的几种方法(meta标签、js实现、php实现)

JavaScript获取HTML DOM节点元素详解

jquery 清空file域示例(兼容个浏览器)

纯CSS 链接悬停提示效果代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建