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 相关文章推荐
javascript instanceof 与typeof使用说明
Jan 11 Javascript
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
Nginx 配置多站点vhost 的方法
Jan 07 Javascript
浅谈Vue的响应式原理
May 30 Javascript
微信小程序实现音乐播放器
Nov 20 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
谈谈node.js中的模块系统
Sep 01 Javascript
JS新手入门数组处理的实用方法汇总
Apr 07 Javascript
JavaScript实现班级抽签小程序
May 19 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
PHP文本数据库的搜索方法
2006/10/09 PHP
深入PHP异步执行的详解
2013/06/03 PHP
CI框架入门示例之数据库取数据完整实现方法
2014/11/05 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
js变量、作用域及内存详解
2014/09/23 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
JavaScript实现的圆形浮动标签云效果实例
2015/08/06 Javascript
jQuery获取checkboxlist的value值的方法
2015/09/27 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
JavaScript实现打字游戏
2021/02/19 Javascript
[03:49]2016完美“圣”典风云人物:AMS专访
2016/12/06 DOTA
[02:07]TI9显影之尘系列 - Vici Gaming
2019/08/20 DOTA
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
python 正确保留多位小数的实例
2018/07/16 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
Python可变参数会自动填充前面的默认同名参数实例
2019/11/18 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
2014年巴西世界杯口号
2014/06/05 职场文书
合作协议书范文
2014/08/20 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript