javascript 自動標記來自搜索結果頁的關鍵字

2019-11-21 00:47:11

字體：大中小

來源：轉載

供稿：網友

<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   class="iwvjtn8m0"   id="divMain"> 我是test，我要被highlight。我們是javascript，我們是javascript </div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：起點頁面傳值js,有空研究學習下

下一篇：js 多層疊的TAB選項卡