JavaScript书签突出显示了特定的单词



我正在尝试创建一个简单地强调特定单词的JavaScript书签。这个词将是静态的,我不希望用户输入。例如,我希望它在当前页面上突出显示"测试"一词。我只需要一个实例。

其他且可能不必要的信息:这实际上将查看我已经设置和工作的页面的源代码。我正在使用以下内容在当前选项卡中打开源:

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

我希望用一个脚本对此进行修改,然后突出显示"测试"一词的实例。感谢任何帮助。搜索显示了如何提示用户列入一个学期,然后将其运行到Google,而不是简单地在当前页面上突出显示。

也许可以使用string.replace方法完成此操作。您可以用某个类(<span class="highlight">word</span>)包裹在跨度标签中的此单词中替换所需单词的出现。

另外,诸如String.Indexof,String.Substr和HtmlelementObject.innerhtml之类的方法也可能有用。

upd:它可以接触到互联网中有许多现成解决方案。例如,使用此查询的Google Google:" JS突出显示Word -jquery"导致这些页面:

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

最新更新