如何检测弹出窗口中的窗口加载事件

检测弹出窗口中的窗口加载事件

Window.open 是在 JavaScript 中打开新浏览器窗口或选项卡的主要方法。通过指定位置、尺寸和浏览器控件等参数，您可以自定义弹出窗口的外观和功能。但是，没有直接的方法来检测新打开的窗口何时完全加载。

在您的示例代码中，您尝试使用 $(window.popup).onload 来处理加载事件，但失败了在所有主要浏览器中。要克服此限制，您需要采用不同的方法。

解决方案涉及利用本机“加载”事件侦听器。具体操作方法如下：

<code class="javascript">var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);</code>

此方法将事件侦听器附加到 myPopup 窗口的“load”事件。当弹出窗口中的页面完成加载时，将执行 myFunction 函数。

如果您的目标是 Internet Explorer，则需要使用稍微不同的方法，因为 IE 对事件侦听器有条件支持：

<code class="javascript">myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);</code>

此条件检查允许代码在 IE 和现代浏览器中运行。然而，值得注意的是，支持 IE 可能很麻烦，应该尽可能避免。

以上是如何检测弹出窗口中的窗口加载事件的详细内容。更多信息请关注PHP中文网其他相关文章！