使用Javascript操作网站内容

我有两个问题：

如果鼠标悬停在网页上的任何图像上，我将如何打开一个小覆盖

如何在网页上找到选定的文本片段并将其制作成链接？
（与Kontera或Vibrant的做法类似）

编辑-让我解释一下

如果鼠标悬停在网站上带有特定标签的任何图像上，我希望在旁边打开图像的放大版本

如果我的数据库中有一个单词“skills”，并且添加Javascript的网页上有一个单词“skills”，我希望它突出显示并链接到另一个页面

---

JQuery是一个很好的javascript框架。使用大量插件，您可以相当轻松地完成（1）

至于（2），您可能需要在服务器端执行此操作。不确定您使用的是什么服务器技术，但在呈现视图时，您必须使用某种过滤器来筛选页面上的所有单词并创建链接。

1: 我知道在CSS中，你可以使用一些hover关键字来影响页面（但我对CSS知之甚少）。 在javascript/HTML中有onMouseOver和onMouseOut，所以

<img onMouseOver="javascript:" onMouseOut="javascript:">

2： 您可以使用regex查找文本并替换它

document.body.innerHTML = document.body.innerHTML.replace(new Regex("skills|other|words", g), "<a>$&</a>");  //Note that this searches inside of the html tags so it is better if you know of specific locations to search for the text instead of anywhere in the html.

document.body.innerHTML=document.body.innerHTML.replace（新正则表达式（“skills | other | words”，g），“$&”）//请注意，这将在html标记内部搜索，因此如果您知道搜索文本的特定位置，而不是html中的任何位置，则效果会更好。

@Eineki-感谢您的编辑！更改了您的格式以显示列表。对我来说，这个问题太笼统了，无法得到及时的回答……如果你有两个问题，你应该发布两个问题。没有必要为#2设置任何服务器端。只要你有一个关键字数组，JavaScript就可以自己完成它。@icktoofay-具体的逻辑是什么？@RockSalt:你有一个递归函数（从

document.documentElement

开始），可以循环子节点。如果子节点是元素，它将递归。如果子节点是文本节点，它将查找关键字。如果找到一个有趣的关键字，它可以分解文本节点并添加一个链接。我知道这是一个非常有用的库，但这个问题并不能证明将它添加到站点或学习语法是正确的。谢谢！我会研究一下。你的#2事件侦听器解绑解决方案会不会解绑？我以前也用过类似的方法，但我知道你可能是对的。但我确实说过，如果能找到一个特定的位置而不是整个

文档来完成这项工作会更好。例如，getElementById（“article”）

会更好。