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

130 阅读 0 评论 86 点赞

我是靠谱客的博主无限过客，最近开发中收集的这篇文章主要介绍iframe的onload在Chrome/Opera中执行两次Bug的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

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