在元素悬停时使用javascript在弹出窗口中显示网站

我试图在html页面中有一个动态弹出窗口。当用户悬停一个单词时，弹出窗口将出现。在弹出窗口中，我想调用一个以悬停词为参数的网页。它不需要处理页面中的每个单词。只有将鼠标悬停在我选择的单词上，才会像这样工作。 例如，我的html页面中有一个文本“hello this is a sample text”，用户将鼠标悬停在单词“sample”上，将出现一个弹出窗口，在弹出窗口中，我将显示以下页面“www.blablabla.com/？word=sample”

希望我是清楚的。 我希望它能够在静态页面上工作。我对javascript非常陌生。我甚至不知道从哪里开始，所以任何帮助都将不胜感激。 谢谢

---

编辑：我希望弹出窗口是一个模式弹出窗口

这是非常基本的，请阅读和上的教程

---

但是我可以告诉你，使用这种方法，浏览器会触发他们的弹出窗口拦截器。

获取想要产生这种效果的元素，循环它们，向每个元素添加事件侦听器，从而弹出一个窗口

这是一个类似这样的粗略实现，单词周围有class

popup

：

[].slice.apply(document.getElementsByClassName('popup')).forEach(function (elem){
    elem.addEventListener('mouseover', function (){
        window.open('http://google.com/?q=' + this.innerHTML);
    }, false);
});​

---

首先学习HTML和Javascript以及事件在DOM中的工作方式。我给你一个提示：你可以在弹出窗口中使用

iframe

。我很确定鼠标悬停时弹出窗口不会打开，因为浏览器会阻止它。您必须让用户单击该单词才能使其工作。另一种方法是创建一个“伪弹出窗口”（div position absolute），其中包含一个iframe，比如@Robusto