Question

我正在做一个小项目，要求我找到某个单词并在Web浏览器中突出显示该单词。

简单地说，我有以下问题：

我想知道网页上的每个单词是否都标有位置（x，y）。
有没有人能指出我在网页上工作的一些有用教程的方向。

我想实现以下代码并让它与Google Chrome上的任何网页进行互动。这是一个简单的查找和突出显示功能。

function doSearch(text) {
if (window.find && window.getSelection) {
    document.designMode = "on";
    var sel = window.getSelection();
    sel.collapse(document.body, 0);

    while (window.find(text)) {
        document.getElementById("button").blur();
        document.execCommand("HiliteColor", false, "lavender");
        sel.collapseToEnd();
    }
    document.designMode = "off";
} else if (document.body.createTextRange) {
    var textRange = document.body.createTextRange();
    while (textRange.findText(text)) {
        textRange.execCommand("BackColor", false, "lavender");
        textRange.collapse(false);
    }
}

}

感谢您的时间和精力。

Answer 1

我认为这涵盖了你想要的东西。也适合将搜索词视为短语或单词。

Pure Javascript Search and Text Highlighting

如何在网页上找到某些单词

1 个答案: