弹出窗口处于活动状态时，在启动时自动加载页面

Question

抱歉，想出一个标题。

问题是这样的：由于现代的网络浏览器会禁用弹出窗口，因此我需要一种解决方法。

访客进入网站时，会提示他们按下一个按钮。 按下按钮后，将弹出一个带有以下代码的窗口：

w = window.open('/audio/audioplayer.php?id='+audioId, 'audioplayer', params);

既然弹出窗口是打开的，我希望当访问者查看其他页面时，弹出窗口会根据他们所在的页面加载特定信息。

我不确定这是否可行或我该怎么做（检查弹出窗口是否打开，是否正在加载信息，以及是否未重新显示按钮）

Answer 1

我认为不可能检测到弹出窗口未打开的位置。

您是否考虑过使用对话框？ 而不是弹出窗口？

Answer 2

window.open返回windowObjectReference-这是您可以与弹出窗口对话的唯一方法。 特别是，您可以使用windowObjectReference.closed属性判断该窗口是否关闭。 弹出窗口具有一个window.opener属性，该属性引用了父窗口。 您可以使用两者进行交流。

但是，您似乎希望在页面加载之间保持这种通信。 您有几种选择：

• 尽量保持窗口之间的链接尽可能长。 问题在于，当父窗口重新加载时，所有javascript变量都会重置，并且无法恢复对弹出窗口的引用-除非弹出窗口使用window.opener对其进行设置。 此链接显示了这种方法，还有一个带有框架的方法。
  您可能会认为它很丑或很聪明。 但这并不完美。 （如果用户在新链接中打开页面，则无法执行任何操作）
• 在主页和弹出页面中都使用ajax与服务器进行通信。 当顶层页面想要将消息发送到弹出窗口时，它们会启动XMLHttpRequest到您的服务器，该服务器通知一个脚本，该脚本将消息保留在“队列”中。 弹出页面也定期使用XHR轮询/长期轮询服务器（或服务器发送的事件 ，我个人最喜欢），并相应地更新其自身的内容。
  这可能比您想要的更复杂/更昂贵，但这也是最安全的解决方案。
• 不要像其他建议的那样使用弹出窗口。 具有position: fixed div可能会给您带来类似的结果，并且可能使您免于使用Windows之间的这种通信方法，但是它还会导致每页显示一个对话框，因此您需要询问服务器是否该对话框的另一个实例是运行。 不确定其他同步方法是否可行（本地存储？）