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 相关文章推荐
form表单action提交的js部分与html部分
Jan 07 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
JavaScript函数IIFE使用详解
Oct 21 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
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绘图之生成饼状图的方法
2015/01/24 PHP
PHP控制反转(IOC)和依赖注入(DI)
2017/03/13 PHP
javascript调试过程中找不到哪里出错的可能原因
2013/12/16 Javascript
JavaScript中的依赖注入详解
2015/03/18 Javascript
jQuery插件制作之全局函数用法实例
2015/06/01 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
AngularJS实用开发技巧(推荐)
2016/07/13 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
React中嵌套组件与被嵌套组件的通信过程
2018/07/11 Javascript
vue.js 实现评价五角星组件的实例代码
2018/08/13 Javascript
微信小程序日历效果
2018/12/29 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
Python中map和列表推导效率比较实例分析
2015/06/17 Python
Python while 循环使用的简单实例
2016/06/08 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python音频操作工具PyAudio上手教程详解
2019/06/26 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
python GUI计算器的实现
2020/10/09 Python
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
Ooni英国官网:披萨烤箱
2020/05/31 全球购物
农民入党思想汇报
2014/01/03 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
保护环境建议书400字
2014/05/13 职场文书
甘南现象心得体会
2014/09/11 职场文书
感恩节寄语2015
2015/03/24 职场文书
法律意见书范文
2015/06/04 职场文书
详解Vue的列表渲染
2021/11/20 Vue.js