javascript - 如何打开弹出浏览器窗口以包含主页的持续更新？

Question

任何人都可以向我解释一种或多种有效、可靠的方法来打开弹出浏览器窗口，该窗口将包含来自主浏览器窗口的持续更新列表吗？

想象一下，我只想在弹出窗口中为主窗口中发生的每个鼠标单击事件显示一行文本。我知道如何绑定(bind)事件处理程序，但我不知道如何打开一个空的弹出窗口，在其中添加主页中的一些内容(例如，窗口的标题显示“此处显示的事件!”)，然后将 HTML 内容从主窗口附加到该窗口。

一定有办法做到这一点，我相信我最终可以自己解决，但也许 SO 的一些聪明人可以更快地帮助我。有关此主题的 Google 搜索似乎会生成无穷无尽的教程和示例列表，介绍如何打开弹出窗口，其中包含来自指定 URL 的内容，而不是从主页以编程方式提供的内容。

浏览器阻止弹出窗口的风险似乎也很高，因此任何有关避免这种情况的评论将不胜感激。

如果有人想发表诸如“永远不要使用弹出窗口!无论如何它们总是很糟糕”之类的评论，请随意，只要它们不仅仅是火焰，因为显然在某些用例中第二个窗口是一个适当的设备。

提前感谢大家，布赖恩

Answer 1

您可以使用以下代码:

var mywin = window.open("", "my_popup", "location=0,status=0,scrollbars=0,width=500,height=500");
var contents = "<p>HTML content...</p>";
$(mywin.document.body).html(contents);
$(mywin.document.body).append(contents);