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

How to highlight a text in a online web page

本文关键字:文本 网页 在线 何突出 显示      更新时间:2023-09-26

我有一个web应用程序,可以从web检索信息,
拍摄的数据显示在我的网页上。我有从网站上提取的字符串和该网站的链接

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"

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

有人能告诉我怎么做吗?

那么,新网站将被加载,然后在该新网站上,文本("字符串")将在新网站上突出显示?

我觉得这在一般情况下是不可能的。你当然可以在你的机器上安装一个浏览器插件来实现这一点,但通常对于你不控制其浏览器的其他用户来说,一个网站无法更改另一个网站内容的显示。谢天谢地

选中此替换DOM中的文本,这将帮助您通过搜索突出显示文本,Live DEMO

您不能直接执行此操作。

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

当然,您需要获得外部网站版权持有人的许可。