iframe中onload的bug

最新推荐文章于 2024-07-26 10:57:21 发布

魔豆爸

最新推荐文章于 2024-07-26 10:57:21 发布

阅读量291

点赞数

分类专栏： bug 文章标签： Chrome 浏览器 HTML

bug 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

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

<!DOCTYPE HTML>
<HTML>
 <HEAD></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);};