iframe的onload在Chrome/Opera中执行两次Bug的解决方法

2022-01-14,,,,

创建iframe对象,添加load事件, 再将iframe添加到body中。Chrome/Opera中会造成load事件的handler执行两次

复制代码 代码如下:

iframe的<a href="https://kunjuke.com/tag/10686/" title="onload" target="_blank">onload</a>在Chrome/Opera中执行两次

解决方法很简单,改下代码顺序即可:创建iframe, 添加到body中,最后添加load事件。所有浏览器下将表现一致。
复制代码 代码如下:
var ifr = document.createElement('iframe');
document.body.insertBefore(ifr,document.body.childNodes[0]);
ifr.src = 'http://www.baidu.com';
ifr.onload = function(){alert(1);};

此外用Safari5测试,没有alert,一直在载入中,能持续30s以上。大家试试看呢?

以上就是iframe的onload在Chrome/Opera中执行两次Bug的解决方法的详细内容,更多请关注本站其它相关文章!

《iframe的onload在Chrome/Opera中执行两次Bug的解决方法.doc》

下载本文的Word格式文档,以方便收藏与打印。