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

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

DDD
发布: 2024-10-24 14:40:02
原创
528 人浏览过

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中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板