使用javascript自动标记来自搜索结果页的关键字

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<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>
posted @   玉开  阅读(635)  评论(0)  编辑  收藏  举报
编辑推荐：
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示
AI IDE Trae