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

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

Javascript: javascript 图片放大效果函数; javascript 随机抽奖程序代码; JavaScript 读取图片实例代码; JQuery toggle使用分析; jQuery html()等方法介绍; jquery中的$(document).ready()与window.onload的区别; JS获取dom 对象 ajax操作读写cookie函数; ExtJS Window 最小化的一种方法; div移动输入框不能输入的问题; js trim函数去空格函数与正则集锦; js url传值中文乱码之解决之道; 页面版文本框智能提示JS代码; ExtJS的FieldSet的column列布局; Jquery中增加参数与Json转换代码; ExtJS Grid使用SimpleStore、多选框的方法; javascript实现拖拽并替换网页块元素; javascript 设置文本框中焦点的位置; 面向对象的编程思想在javascript中的运用上部; javascript call方法使用说明; javascript instanceof 与typeof使用说明

No. « ‹ 275 276 277 278 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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