编程 Javascript

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

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的解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

表单序列化与jq中的serialize使用示例

Feb 21 Javascript

Node.js中使用Buffer编码、解码二进制数据详解

Aug 16 Javascript

简介JavaScript中的setHours()方法的使用

Jun 11 Javascript

一波JavaScript日期判断脚本分享

Mar 06 Javascript

JavaScript中用let语句声明作用域的用法讲解

May 20 Javascript

简单实现js无缝滚动效果

Feb 05 Javascript

浅析vue深复制

Jan 29 Javascript

Node.Js中实现端口重用原理详解

May 03 Javascript

JavaScript基于对象方法实现数组去重及排序操作示例

Jul 10 Javascript

vue使用pdfjs显示PDF可复制的实现方法

Dec 14 Javascript

react的滑动图片验证码组件的示例代码

Feb 27 Javascript

vue动态循环出的多个select出现过的变为disabled(实例代码)

Nov 10 Javascript

javascript定时保存表单数据的代码

Mar 17 #Javascript

eval与window.eval的差别分析

Mar 17 #Javascript

整理一些JavaScript的IE和火狐的兼容性注意事项

Mar 17 #Javascript

jquery.validate分组验证代码

Mar 17 #Javascript

jquery中ajax调用json数据的使用说明

Mar 17 #Javascript

jQuery版Tab标签切换

Mar 16 #Javascript

jquery select(列表)的操作（取值/赋值）

Mar 16 #Javascript