javascript - 如何在 HTML5 中从另一个窗口控制一个窗口？

Question

我试图在 HTML5 中控制另一个窗口。我希望这样，当我打开一个登录的窗口和另一个登录的窗口时，我可以从一个窗口单击一个按钮，然后在另一个窗口中发生一些事情。我不知道从哪里开始；有人可以指出我正确的方向吗？

Answer 1

您不需要任何 HTML5 功能，但您可以使用 javascript 轻松完成：

myNewWindow = window.open()打开一个新窗口并将该window新窗口的 -object 分配给myNewWindow，因此您可以使用 - 变量从打开脚本轻松访问新窗口的 DOM myNewWindow。

它也可以以另一种方式工作：在新窗口中的脚本中，您可以用户window.opener访问window打开窗口的 -object 和 DOM。

只需确保所有窗口的内容都是从同一个域加载的，因为 javascript 不允许您控制从另一个源加载的内容（有关此主题的更多信息，请参阅“同源策略”）。

Answer 2

这个答案晚了 6 个月，但对于谷歌人（比如我）来说：

我会为您尝试做的事情推荐 WebSockets 乔纳森。WebSockets 允许服务器将数据实时广播到为您的页面/站点打开的任何/所有浏览器窗口。

浏览器支持目前很差，但是有很好的 shims 可以让它在所有浏览器上非常有效地工作。Socket.io就是这样一种解决方案，我曾经非常成功。