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 相关文章推荐
两个SUBMIT按钮,如何区分处理
Aug 22 Javascript
javascript高亮效果的二种实现方法
Sep 14 Javascript
js function使用心得
May 10 Javascript
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
ng2学习笔记之bootstrap中的component使用教程
Mar 09 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
Nov 26 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
Apr 26 Javascript
React中使用UEditor百度富文本的方法
Aug 22 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 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
业余方法DIY电子管FM收音机
2021/03/02 无线电
PHP 事务处理数据实现代码
2010/05/13 PHP
php中的curl_multi系列函数使用例子
2014/07/29 PHP
几个实用的PHP内置函数使用指南
2014/11/27 PHP
php对接java现实加签验签的实例
2016/11/25 PHP
javascript不可用的问题探究
2013/10/01 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
Vue组件和Route的生命周期实例详解
2018/02/10 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
2019/11/20 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
[01:39:04]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第二场 2月1日
2021/03/11 DOTA
基于Python的身份证号码自动生成程序
2014/08/15 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
python多任务之协程的使用详解
2019/08/26 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
Linux内核产生并发的原因
2012/07/13 面试题
中专生职业生涯规划书范文
2014/01/10 职场文书
生产车间标语
2014/06/11 职场文书
绿色出行口号
2014/06/18 职场文书
离婚被告代理词
2015/05/23 职场文书
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技