突出显示特定单词的 Javascript 小书签

Question

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

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

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

我希望用一个脚本来修改它，然后突出显示单词“测试”的实例。我感谢任何帮助。搜索显示了如何提示用户输入一个术语，然后将其运行到 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/
• 和许多其他人。