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以上。大家试试看呢?
Javascript 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
Jquery 动态添加按钮实现代码
May 06 Javascript
js onclick事件传参讲解
Nov 06 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
javascript时间函数大全
Jun 30 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
JavaScript中DOM详解
Apr 13 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 Javascript
Bootstrap3制作搜索框样式的方法
Jul 11 Javascript
jQuery基于排序功能实现上移、下移的方法
Nov 26 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 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
You might like
我的论坛源代码(三)
2006/10/09 PHP
简单的过滤字符串中的HTML标记
2006/12/25 PHP
php addslashes和mysql_real_escape_string
2010/01/24 PHP
PHP大转盘中奖概率算法实例
2014/10/21 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
广告切换效果(缓动切换)
2009/05/27 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
2013/11/14 Javascript
Javascript的表单验证-初识正则表达式
2016/03/18 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
domReady的实现案例
2016/11/23 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
two.js之实现动画效果示例
2017/11/06 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
2020/08/28 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
Python编程快速上手——强口令检测算法案例分析
2020/02/29 Python
Jupyter打开图形界面并画出正弦函数图像实例
2020/04/24 Python
django 模型字段设置默认值代码
2020/07/15 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
财务管理专业自荐信范文
2013/12/24 职场文书
党员公开承诺践诺书
2014/03/25 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
CSS3实现三角形不断放大效果
2021/04/13 HTML / CSS