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

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

Javascript: 表格隔行换色升级版; JavaScript 变量基础知识; fileupload控件文件类型客户端验证实现代码; extjs DataReader、JsonReader、XmlReader的构造方法; 让Firefox支持event对象实现代码; CSS+Js遮罩效果的TAB及焦点图片切换(推荐); javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例; JQuery 图片延迟加载并等比缩放插件; Jquery作者John Resig自己封装的javascript 常用函数; js 鼠标拖动对象可让任何div实现拖动效果; 页面中js执行顺序; Javascript select下拉框操作常用方法; jQuery 常见学习网站与参考书; javascript currying返回函数的函数; prototype 中文参数乱码解决方案; 为javascript添加String.Format方法; asp.net HttpHandler实现图片防盗链; Riot.js 快速的JavaScript单元测试框架; Javascript实现的CSS代码高亮显示; Js 实现表格隔行换色一例

No. « ‹ 272 273 274 275 › »

技术文章搜索

关键字

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

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

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