Posted in Javascript onMarch 17, 2011
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>iframe的onload在Chrome/Opera中执行两次</title> </head> <body> <script> var ifr = document.createElement('iframe'); ifr.onload = function(){alert(1);}; document.body.insertBefore(ifr,document.body.childNodes[0]); ifr.src = 'http://www.baidu.com'; </script> </body> </html>
解决方法很简单,改下代码顺序即可:创建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的解决方法
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@