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 相关文章推荐
Prototype中dom对象方法汇总
Sep 17 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
javascript学习之json入门
Dec 22 Javascript
微信小程序通过api接口将json数据展现到小程序示例
Jan 20 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
JavaScript创建对象的常用方式总结
Aug 10 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
详解JWT token心得与使用实例
Aug 02 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
jQuery实现鼠标滑动切换图片
May 27 jQuery
JS前端使用canvas实现物体的点选示例
Aug 05 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
PHP 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
php adodb连接不同数据库
2009/03/19 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
使用原生js写的一个简单slider
2014/04/29 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
jQuery实现两款有动画功能的导航菜单代码
2015/09/16 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
JavaScript之cookie技术详解
2016/11/18 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
vue搜索和vue模糊搜索代码实例
2019/05/07 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
python3.6.3+opencv3.3.0实现动态人脸捕获
2018/05/25 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
西班牙购买行李箱和背包网站:Maletas Greenwich
2019/10/08 全球购物
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
高中生自我鉴定范文
2013/10/30 职场文书
期末自我鉴定
2014/01/23 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
个人承诺书格式
2014/06/03 职场文书
战略合作意向书
2014/07/29 职场文书
企业投资意向书
2015/05/09 职场文书
消防安全培训工作总结
2015/10/23 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
python生成随机数、随机字符、随机字符串
2021/04/06 Python
Python 多线程处理任务实例
2021/11/07 Python
PHP 时间处理类Carbon
2022/05/20 PHP