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

Question

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

简单来说，我有以下几个问题：

1. 我想知道网页上的每个单词是否都有一个 location(x,y) 标记。

2. 谁能告诉我一些关于在网页中工作的有用教程的方向。

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

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