编程 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中判断一个值是否在数组中并没有直接使用

Dec 17 Javascript

JS实现Enter键跳转及控件获得焦点

Aug 12 Javascript

jquery删除指定的html标签并保留标签内文本内容的方法

Apr 02 Javascript

解决自定义$(id)的方法与jquery选择器$冲突的问题

Jun 14 Javascript

JS实现控制表格内指定单元格内容对齐的方法

Mar 30 Javascript

给before和after伪元素设置js效果的方法

Dec 04 Javascript

AngularJS Module方法详解

Dec 08 Javascript

javascript实现的网站访问量统计代码

Dec 20 Javascript

Node.js如何实现注册邮箱激活功能 (常见)

Jul 23 Javascript

js对象实例详解(JavaScript对象深度剖析,深度理解js对象)

Sep 21 Javascript

vue+webpack中配置ESLint

Nov 07 Javascript

Vue中axios的封装（报错、鉴权、跳转、拦截、提示）

Aug 20 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入门源程序

2006/10/09 PHP

php自动适应范围的分页代码

2008/08/05 PHP

php使用mysqli向数据库添加数据的方法

2015/03/20 PHP

护卫神php套件 php版本升级方法(php5.5.24)

2015/05/10 PHP

thinkphp多表查询两表有重复相同字段的完美解决方法

2016/09/22 PHP

php版阿里大于(阿里大鱼)短信发送实例详解

2016/11/30 PHP

php 反斜杠处理函数addslashes()和stripslashes()实例详解

2016/12/25 PHP

只需20行代码就可以写出CSS覆盖率测试脚本

2013/04/24 Javascript

javascript实现2048游戏示例

2014/05/04 Javascript

jQuery插件echarts去掉垂直网格线用法示例

2017/03/03 Javascript

Bootstrap与Angularjs的模态框实例代码

2017/08/03 Javascript

js实现导航跟随效果

2018/11/17 Javascript

[01:08:33]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18

2018/08/19 DOTA

python抓取某汽车网数据解析html存入excel示例

2013/12/04 Python

Python之PyUnit单元测试实例

2014/10/11 Python

Python多线程编程（六）：可重入锁RLock

2015/04/05 Python

初步认识Python中的列表与位运算符

2015/10/12 Python

python中map的基本用法示例

2018/09/10 Python

Python3监控疫情的完整代码

2020/02/20 Python

python encrypt 实现AES加密的实例详解

2020/02/20 Python

Django ForeignKey与数据库的FOREIGN KEY约束详解

2020/05/20 Python

完美解决jupyter由于无法import新包的问题

2020/05/26 Python

使用Python pip怎么升级pip

2020/08/11 Python

python爬虫构建代理ip池抓取数据库的示例代码

2020/09/22 Python

python利用platform模块获取系统信息

2020/10/09 Python

详解Python GUI编程之PyQt5入门到实战

2020/12/10 Python

python中@contextmanager实例用法

2021/02/07 Python

HTML5 MiranaVideo播放器 (代码开源)

2010/06/11 HTML / CSS

手工制作的意大利礼服鞋：Ace Marks

2018/12/15 全球购物

牵手50台湾：专为黄金岁月的单身人士而设的交友网站

2021/02/18 全球购物

大学生农村教师实习自我鉴定

2013/09/21 职场文书

学生会干部自荐信

2014/02/04 职场文书

争论的故事教学反思

2014/02/06 职场文书

搞笑车尾标语

2014/06/23 职场文书

2014年餐厅服务员工作总结

2014/11/18 职场文书

创业计划书之牛肉汤快餐店

2019/10/08 职场文书