首页 >web前端 >js教程 >如何处理使用 window.open 打开的 Windows 的 onLoad 事件?

如何处理使用 window.open 打开的 Windows 的 onLoad 事件?

DDD
DDD原创
2024-10-24 14:40:02529浏览

How to Handle onLoad Event for Windows Opened with window.open?

处理使用 window.open 打开的 Windows 的 onLoad 事件

当使用 window.open 创建新窗口时,onload 事件监听器可能会无法为新打开的窗口工作。本文解决了这个问题并提供了解决方案。

以下代码演示了该问题:

<code class="js">window.popup = window.open($(this).attr('href'), 'Ad', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
$(window.popup).onload = function() {
  alert("Popup has loaded a page");
};</code>

此代码在 IE、Firefox 和 Chrome 等主流浏览器中不起作用。要解决此问题,请使用 addEventListener 方法:

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

如果需要支持 IE,可以使用以下后备代码:

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

虽然支持 IE 可能会很麻烦,考虑目标受众并在需要时做出必要的调整至关重要。

以上是如何处理使用 window.open 打开的 Windows 的 onLoad 事件?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn