如何突出显示在线网页中的文本

Question

我有一个从网络检索信息的网络应用程序，
获取的数据显示在我的网页中。我有从网站获取的字符串和指向该网站的链接。

String = "won the Ethugalpura International Rating Chess Tournament"
url    = "http://www.island.lk/index.php?page_cat=article-details&page=article-details&code_title=15182"

当用户点击该字符串时，我想访问相关网站并以突出显示的文本显示它。

谁能告诉我怎么做？

Answer 1

你不能直接这样做。

从技术上讲，你可以间接地做到这一点，通过获取外部页面的内容，对其进行操作（通过搜索字符串并将其放入例如mark 元素中，并添加 CSS 规则以突出显示该元素），然后伪造一个链接。也就是说，您将使用一个 a 元素，看起来像一个链接，但实际上是由一个事件处理程序驱动的，该事件处理程序会导致显示您修改的文档。

当然，您需要获得外部网站版权所有者的许可。

Answer 2

选中此Replacing text in the DOM，这将帮助您通过搜索突出显示文本，Live DEMO

Answer 3

所以新网站会被加载，然后在新网站上的文本（“字符串”）会在新网站上突出显示？

我觉得这对于一般用途来说是不可能的。您当然可以在您的机器上安装一个浏览器插件来执行此操作，但通常对于您无法控制其浏览器的其他用户，一个站点无法更改另一个站点内容的显示。谢天谢地。