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

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

Javascript: jQuery代码:jQuery控制表单里的回车键; 用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome; jQuery Flash/MP3/Video多媒体插件; 9个JavaScript评级/投票插件; JS实现的radio图片选择按钮效果; IE中checkbox在刷新后初始化的问题; JavaScript 学习笔记（十一）; JS 对象介绍; javascript 哈希表(hashtable)的简单实现; jquery 防止表单重复提交代码; js parsefloat parseint 转换函数; javascript parseInt与Number函数的区别; JavaScript 学习笔记（十二） dom; JavaScript 学习笔记（十三）Dom创建表格; javascript 实现自由落体的方块效果; javascript 获取url参数和script标签中获取url参数函数代码; JAVASCRIPT style 中visibility和display之间的区别; javascript 拖放效果实现代码; jquery last-child 列表最后一项的样式; Jquery实战_读书笔记1—选择jQuery

No. « ‹ 279 280 281 282 › »

技术文章搜索

关键字

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

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

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