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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 自动标记来自搜索结果页的关键字

Javascript: JQuery 获取和设置Select选项的代码; jQuery ctrl+Enter shift+Enter实现代码; jQuery学习2 选择器的使用说明; jQuery学习3：操作元素属性和特性; jQuery学习4 浏览器的事件模型; jQuery学习5 jQuery事件模型; jQuery 学习6 操纵元素显示效果的函数; jQuery学习7 操作JavaScript对象和集合的函数; jQuery库与其他JS库冲突的解决办法; JavaScript Event事件学习第一章 Event介绍; JavaScript Event学习第二章 Event浏览器兼容性; JavaScript Event学习第三章早期的事件处理程序; JavaScript Event学习第四章传统的事件注册模型; JavaScript Event学习第五章高级事件注册模型; JavaScript Event学习第六章事件的访问; JavaScript Event学习第七章事件属性; JavaScript Event学习第八章事件的顺序; js png图片(有含有透明)在IE6中为什么不透明了; JavaScript 读取元素的CSS信息的代码; 基于mootools的圆角边框扩展代码

No. « ‹ 284 285 286 287 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 63 ::

收藏到网摘: n/a

js 多层叠的TAB选项卡起点页面传值js,有空研究学习下

使用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 多层叠的TAB选项卡起点页面传值js,有空研究学习下

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

评论 (0) All