iframe的onload在Chrome/Opera中执行两次Bug

时间：2011-03-16 来源：snandy

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

<!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以上。大家试试看呢？

相关阅读更多 +