iframe的onload在Chrome/Opera中执行两次Bug的解决方法
(编辑：jimmy 日期: 2026/4/30 浏览：3 次 )
复制代码 代码如下:
<!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以上。大家试试看呢？
<!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以上。大家试试看呢？
下一篇：javascript定时保存表单数据的代码