iframe中onload的bug

zhouyrt

浏览: 1173745 次
性别:
来自: 北京

最近访客更多访客>>

a612986

tweenkin

zymdev

小白到此一游

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Chrome 浏览器 HTML

创建iframe对象，添加load事件，再将iframe添加到body中。Chrome中会造成load事件的handler执行两次。

<!DOCTYPE HTML>
<HTML>
 <HEAD></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);};

Noname1.rar (297 Bytes)
下载次数: 2

0
顶

0
踩

分享到：

Javascript中大括号“{}”的多义性 | document.write/writeln非IE/Opera浏览器中 ...

2010-05-14 15:52
浏览 2618
评论(1)
分类:Web前端
查看更多

1 楼 wmingjian 2011-02-06

每个IFRAME有个默认地址或页面(类似about:blank)的说法，它也能触发onload

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

iframe中onload的bug

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

iframe中onload的bug

评论

发表评论

相关推荐

Firefox中使用location.hash会自动decodeURI Bug

IE8中超高元素设置透明度未生效bug

IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug

IE6/7/8中Option元素未设value时Select将获取空字符串

IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

IE6/7/8中Table元素的innerHTML不能赋值

使用滤镜设置透明导致 IE 6/7/8/9 解析异常

IE6/7/IE8(Q) 中td的上下padding失效Bug

disabled属性及对应css选择器的在各浏览器中的一些差异

IE中getElementsByTagName无法获取元素BUG

Element下querySelector和querySelectorAll的错误实现

IE6/7/8中使用innerHTML清空元素，其子元素也被清空

Firefox中autocomplete="off" 设置不起作用Bug

Chrome中函数实参与形参关联Bug

IE6/7下form元素默认样式导致的bug

各浏览器对typeof运算符的实现差异

document.writeln引入js文件的bug

webkit中设置align为center的div中的table会自动产生外边距magin，用js改变margin将不起作用

webkit中使用js给html元素style设置filter属性，再获取filter时为undefined

webkit/opera中window[name]获取flash对象的特殊实现

最近访客更多访客>>