在html页面中,只有body,img,iframe这一类标签具有onload事件。
onload事件表示在当前元素载入完成后发生的事件。其中,window也有onload事件,但是跟body的是同一事件,如果页面上对两者都定义了该事件,只会响应一个。
iframe上的事件在ie6下有一些bug:
1.iframe的onload事件跟window.onload事件只能二者取其一,似乎ie把它看作同一个事件了!例如:
window.onload=function(){
alert("window loaded");
}
var ifr = document.getElementById("iframe");
ifr.onload=function(){
alert("iframe loaded");
}
这段代码只能响应iframe的事件,如果window.onload事件定义在后则只响应window的onload事件!
但是如果在iframe标签中定义响应方法则不会发生这种情况:
<iframe src=child.html" onload="alert('iframe loaded')"></iframe>
这样的代码则能正确执行,window和iframe的onload事件均能正常响应。
用addEventListener的方式绑定的iframe事件也可以正常运行
如果是在js中定义的iframe的onload事件,则只有在iframe第一次加载时响应,以后更改iframe的src加载别的页面时都不会再响应了。这似乎证明了在js中定义iframe的onload事件实际上定义的是window的onload事件,这样才能解释为何window的事件被覆盖了,并且只响应一次,因为window确实只加载一次。
在ff和chrome中则没有这个问题。
分享到:
相关推荐
javaScript的onload事件的代码,javaScript内嵌在html中。
脱离document.onload和window.onload的onload事件,可多次添加加载事件!
主要介绍了js的image onload事件使用遇到的问题,需要的朋友可以参考下
onload事件当一个页面或是一张图片加载完成时被触发,在body上不仅可以用onload,而且还支持多个HTML标签.用法如下
仅img元素创建后却不添加到文档中会执行onload事件</title> </HEAD> <BODY> [removed] var img = document.createElement(‘img’); img.src = ...
为了让函数只在页面加载完毕后才得到执行,我们会把函数绑定到onload事件上: [removed] = userFunction 但如果有两个函数:firstFunction() 和 secondFunction(),都想让它们在页面加载完毕后得到执行,该怎么办?...
IE浏览器在处理GIF动画的onload事件时存在的一个bug IE浏览器在处理GIF动画的onload事件时存在的一个bug,该bug会导致onload事件重复触发,该问题只出现在IE浏览器上,而Firefox浏览器没有这个问题。 该bug的原因...
并且随页面大小的不同情况... 解决办法是再onload触发前改变图片src的值,也就是相当于图片开始时有个临时的占位图片,页面载入过程中用js换成实际需要的src,只要每次onload事件触发前src发生变化,则onload表现正常。
本来按照事件顺序,小程序初始化时触发App里的onLaunch,后面再执行页面Page里的onLoad,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。 //app.js App({ onLaunch: ...
在工作时,我们给一个元素绑定了事件,如果dom还没...有一种办法可以让我们避开这一难题:可以先创建一个匿名函数来容纳这两个函数,然后把那个匿名函数绑定到onload事件上,如下所示: [removed] = function(){ fi
前一段事件遇到一个奇怪的问题,jsp页面中写一个onload事件,发现居然不起作用,查看源文件,bady的onload后居然没有方法名??? <body onload=”这里居然是空的” bottommargin=”0″ leftmargin=”0″ ...
在需要对img进行onload事件绑定的时候,一般大家都会想到用常规的方法进行事件绑定此时大家会发现alert(1)并没有执行,这是什么原因呢?特别是在ie和ff浏览器下这是为什么呢,本文将详细为您解答
主要介绍了IE中图片的onload事件无效问题和解决方法,这是一个很经典的问题,其实只需要调换一下代码顺序即可解决,需要的朋友可以参考下
主要介绍了全面解析jQuery $(document).ready()和JavaScript onload事件的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下