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 相关文章推荐
JScript 脚本实现文件下载 一般用于下载木马
Oct 29 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
jQuery方法简洁实现隔行换色及toggleClass的使用
Mar 15 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
Bootstrap被封装的弹层
Jul 20 Javascript
AngularJS  自定义指令详解及实例代码
Sep 14 Javascript
浅谈JavaScript的闭包函数
Dec 08 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
js 计算图片内点个数的示例代码
Apr 04 Javascript
微信小程序本地存储实现每日签到、连续签到功能
Oct 09 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将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
无需数据库在线投票调查php代码
2016/07/20 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
jQuery简单入门示例之用户校验demo示例
2016/07/09 Javascript
js判断checkbox是否选中个数的方法(超简单)
2016/08/19 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
详解基于vue-router的动态权限控制实现方案
2017/09/28 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
VUE 动态组件的应用案例分析
2019/12/02 Javascript
使用js实现单链解决前端队列问题的方法
2020/02/03 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
简单掌握Python中glob模块查找文件路径的用法
2016/07/05 Python
python算法表示概念扫盲教程
2017/04/13 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
Python实现的knn算法示例
2018/06/14 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
python爬取2021猫眼票房字体加密实例
2021/02/19 Python
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
美国高级工作服品牌:Carhartt
2018/01/25 全球购物
编程实现去掉XML的重复结点
2014/05/28 面试题
《我的信念》教学反思
2014/02/15 职场文书
委托书范本
2014/09/13 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
在人间读书笔记
2015/06/30 职场文书
《山中访友》教学反思
2016/02/24 职场文书
python基于tkinter制作m3u8视频下载工具
2021/04/24 Python
小程序实现文字循环滚动动画
2021/06/14 Javascript
Python中异常处理用法
2021/11/27 Python