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

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

Javascript: jquery 交替为表格添加样式的代码; jquery下操作HTML控件的实现代码; JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合; 海量经典的jQuery插件集合; JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）; JavaScript关于select的相关操作说明; jQuery的一些特性和用法整理小结; 用jQuery扩展自写的 UI导航; JQuery 引发两次$(document.ready)事件; javascript实现的基于金山词霸网络翻译的代码; Span元素的width属性无效果原因及解决方案; javascript 不间断的图片滚动并可点击; 利用onresize使得div可以随着屏幕大小而自适应的代码; extjs 为某个事件设置拦截器; javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象; javascript 特性检测并非浏览器检测; 20个非常有用的PHP类库加速php开发; 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题; AJAX的跨域与JSONP(为文章自动添加短址的功能); JavaScript学习笔记（十）

No. « ‹ 277 278 279 280 › »

技术文章搜索

关键字

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

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

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