编程 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 限制输入脚本大全

Nov 03 Javascript

JavaScript对象的property属性详解

Apr 01 Javascript

node.js中的querystring.escape方法使用说明

Dec 10 Javascript

JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】

Jun 21 Javascript

bootstrap fileinput完整实例分享

Nov 08 Javascript

vue 2.0组件与v-model详解

Mar 27 Javascript

原生JS获取元素的位置与尺寸实现方法

Oct 18 Javascript

element-ui 设置菜单栏展开的方法

Aug 22 Javascript

为vue项目自动设置请求状态的配置方法

Jun 09 Javascript

在vue中使用echars实现上浮与下钻效果

Nov 08 Javascript

详解如何在JS代码中消灭for循环

Dec 11 Javascript

javascript使用canvas实现饼状图效果

Sep 08 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/10/09 PHP

PHP实现图片简单上传

2006/10/09 PHP

PHP执行linux系统命令的常用函数使用说明

2010/04/27 PHP

基于PHP编程注意事项的小结

2013/04/27 PHP

destoon实现商铺管理主页设置增加新菜单的方法

2014/06/26 PHP

10个实用的PHP正则表达式汇总

2014/10/23 PHP

PHP利用header跳转失效的解决方法

2014/10/24 PHP

CI(CodeIgniter)模型用法实例分析

2016/01/20 PHP

thinkPHP5框架分页样式类完整示例

2018/09/01 PHP

laravel框架数据库配置及操作数据库示例

2019/10/10 PHP

List the Stored Procedures in a SQL Server database

2007/06/20 Javascript

javascript上传图片前预览图片兼容大多数浏览器

2013/10/25 Javascript

JQuery的Ajax请求实现局部刷新的简单实例

2014/02/11 Javascript

js实现九宫格拼图小游戏

2017/02/13 Javascript

深入浅出es6模板字符串

2017/08/26 Javascript

vue+node+webpack环境搭建教程

2017/11/05 Javascript

JSON的parse()方法介绍

2019/01/31 Javascript

详解js加减乘除精确计算

2019/03/19 Javascript

vue-cli中使用高德地图的方法示例

2019/03/28 Javascript

基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能

2019/04/02 Javascript

vue2 中二级路由高亮问题及配置方法

2019/06/10 Javascript

Cordova(ionic)项目实现双击返回键退出应用

2019/09/17 Javascript

快速了解Vue父子组件传值以及父调子方法、子调父方法

2020/07/15 Javascript

详解vue v-model

2020/08/31 Javascript

python写的一个文本编辑器

2014/01/23 Python

详解Python import方法引入模块的实例

2017/08/02 Python

Python3实现发送QQ邮件功能（html）

2017/12/15 Python

python @propert装饰器使用方法原理解析

2019/12/25 Python

python读取ini配置的类封装代码实例

2020/01/08 Python

tensorflow实现训练变量checkpoint的保存与读取

2020/02/10 Python

网购亚洲时装、美容产品和生活百货：YesStyle

2016/09/15 全球购物

介绍一下常见的木马种类

2014/11/15 面试题

关工委先进个人事迹材料

2014/05/23 职场文书

小学学习雷锋活动总结

2014/07/03 职场文书

家庭财产分割协议范文

2014/11/24 职场文书

大学生村官工作总结2015

2015/04/09 职场文书