编程 Javascript

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以上。大家试试看呢？

iframe的onload在Chrome/Opera中执行两次Bug的解决方法

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何用javascript判断录入的日期是否合法

Jan 08 Javascript

js loading加载效果实现代码

Nov 24 Javascript

js Date自定义函数延迟脚本执行

Mar 10 Javascript

JQuery 文本框回车跳到下一个文本框示例代码

Aug 30 Javascript

在每个匹配元素的外部插入新元素的方法

Dec 20 Javascript

jQuery绑定事件-多种实现方式总结

May 09 Javascript

jQuery验证插件validate使用详解

May 11 Javascript

vue中如何引入jQuery和Bootstrap

Apr 10 jQuery

JavaScript中发出HTTP请求最常用的方法

Jul 12 Javascript

vue directive定义全局和局部指令及指令简写

Nov 20 Javascript

微信小程序实现form表单本地储存数据

Jun 27 Javascript

vue远程加载sfc组件思路详解

Dec 25 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

第九节--绑定

2006/11/16 PHP

libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢

2010/03/15 PHP

PHP数组无限分级数据的层级化处理代码

2012/12/29 PHP

PHP中怎样保持SESSION不过期原理及方案介绍

2013/08/08 PHP

使用PHP Socket写的POP3类

2013/10/30 PHP

php设置页面超时时间解决方法

2015/09/22 PHP

php版银联支付接口开发简明教程

2016/10/14 PHP

CakePHP框架Model关联对象用法分析

2017/08/04 PHP

Laravel框架基于中间件实现禁止未登录用户访问页面功能示例

2019/01/17 PHP

javaScript - 如何引入js代码

2021/03/09 Javascript

js设置控件的隐藏与显示的两种方法

2014/08/21 Javascript

JavaScript中的继承方式详解

2015/02/11 Javascript

后台获取ZTREE选中节点的方法

2015/02/12 Javascript

jquery图片倾斜层叠切换特效代码分享

2015/08/27 Javascript

VC调用javascript的几种方法(推荐)

2016/08/09 Javascript

Angular中$cacheFactory的作用和用法实例详解

2016/08/19 Javascript

Base64(二进制)图片编码解析及在各种浏览器的兼容性处理

2017/02/09 Javascript

解决Vue不能检测数组或对象变动的问题

2018/02/24 Javascript

vue中的router-view组件的使用教程

2018/10/23 Javascript

微信小程序使用车牌号输入法的示例代码

2019/08/20 Javascript

Layui数据表格判断编辑输入的值,是否为我需要的类型详解

2019/10/26 Javascript

JavaScript 装逼指南(js另类写法)

2020/05/10 Javascript

Jquery cookie插件实现原理代码解析

2020/08/04 jQuery

浅析JavaScript 函数柯里化

2020/09/08 Javascript

使用Python判断IP地址合法性的方法实例

2014/03/13 Python

深入探究Python中变量的拷贝和作用域问题

2015/05/05 Python

基于Python对数据shape的常见操作详解

2018/12/25 Python

Python操作列表常用方法实例小结【创建、遍历、统计、切片等】

2019/10/25 Python

Flask中sqlalchemy模块的实例用法

2020/08/02 Python

css3学习心得分享

2013/08/19 HTML / CSS

英国领先的葡萄酒专家：Majestic Wine

2017/05/30 全球购物

Shopbop中文官网：美国亚马逊旗下时尚购物网站

2020/12/15 全球购物

专业毕业生个性的自我评价

2013/10/03 职场文书

工商学院毕业生自荐信

2013/11/12 职场文书

黄河的主人教学反思

2014/02/07 职场文书

环境卫生整治简报

2015/07/20 职场文书