Javascript书签，突出显示特定单词

Question

我正在尝试创建一个只会突出显示特定单词的JavaScript书签。这个词是静态的，我不想要用户输入。作为一个例子，我希望在当前页面上突出显示“test”一词。我只需要第一个实例。

其他可能不必要的信息：这实际上是在查看我已经设置并运行的页面的源代码。我使用以下命令在当前选项卡中打开源：

javascript:window.location = "view-source:" + window.location.href;

我希望用脚本修改它，然后突出显示单词“test”的实例。我感谢任何帮助。搜索已经显示如何提示用户输入术语然后将其运行到Google，但不是在当前页面上突出显示它。

Answer 1

也许这件事可以用String.replace方法完成。您可以使用包含在某个类（<span class="highlight">word</span>）的span标记中的单词替换所需单词的出现次数。

此外，String.indexOf，String.substr和HTMLElementObject.innerHTML等方法也可能有用。

UPD：互联网上有很多现成的解决方案。例如，Google使用此查询：“js highlight word -jquery”会导致这些页面：

• http://javascript.about.com/library/blhilite2.htm
• http://www.eriwen.com/javascript/highlight-search-results-with-js/
• 和其他许多人。