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

Question

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

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

1. 我想知道是否有一个位置（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

我认为这涵盖了您想要的。还迎合了将搜索词视为短语或单个单词的情况。

纯 Javascript 搜索和文本突出显示