在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中。
标题中所提到的知识点是“js的image onload事件使用遇到的问题”,这涉及到JavaScript中Image对象的onload事件处理。在Web前端开发中,onload事件是一个非常重要的概念,主要用于处理图片或者其他资源加载完成后的...
脱离document.onload和window.onload的onload事件,可多次添加加载事件!
在探讨JavaScript中onload事件在JSP页面上不起作用的问题时,可以深入分析几个关键知识点,包括onload事件的基本概念、在JSP页面中使用onload事件的正确方式,以及可能导致onload事件失效的具体原因和解决办法。...
在JavaScript编程中,页面加载完成后的操作常常需要用到一个特定的事件处理器——onload事件。本文将深入探讨onload事件在JavaScript中的使用心得,以及如何正确地利用这一事件来确保相关代码在页面加载完毕后执行。...
ready 事件是在文档结构加载完成后触发的,而 onload 事件是在页面所有元素加载完成后触发的,包括图片、Flash 等媒体文件。这意味着 ready 事件会在 onload 事件之前触发。 在实际开发中,我们通常会使用 ready ...
IE浏览器在处理GIF动画的onload事件时存在的一个bug IE浏览器在处理GIF动画的onload事件时存在的一个bug,该bug会导致onload事件重复触发,该问题只出现在IE浏览器上,而Firefox浏览器没有这个问题。 该bug的原因...
并且随页面大小的不同情况... 解决办法是再onload触发前改变图片src的值,也就是相当于图片开始时有个临时的占位图片,页面载入过程中用js换成实际需要的src,只要每次onload事件触发前src发生变化,则onload表现正常。
JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件,主要用于执行某些操作,如显示内容、执行脚本等。这个事件在多种HTML标签上都可用,包括`<body>`、`<frame>`、`<frameset>`、`<iframe>`、`<img>`...
传统的方式是使用window.onload事件处理函数来执行这些代码,但是这样会遇到一个问题,即如果页面中有多个地方设置了window.onload,后面的设置会覆盖掉前面的设置,导致只执行最后一次绑定的函数。为了解决这个问题...
本来按照事件顺序,小程序初始化时触发App里的onLaunch,后面再执行页面Page里的onLoad,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。 //app.js App({ onLaunch: ...
在JavaScript编程中,确保函数在页面完全加载之后执行是非常常见的需求,这通常通过将函数绑定到`window.onload`事件来实现。当`window.onload`事件触发时,绑定的函数会被调用,以此来确保所有资源(如图片、脚本等...
通常情况下,当一个`<img>`标签在页面加载时,浏览器会自动触发`onload`事件,该事件在图片完全加载后被激活,允许开发者执行某些操作,如调整图片大小、显示隐藏元素等。然而,在某些情况下,如果`<img>`元素通过...
这两个阶段分别对应了jQuery中的$(document).ready()方法和JavaScript的onload事件。 $(document).ready()是jQuery提供的一个方法,它允许我们在DOM结构完全加载并且解析后立即执行代码。在描述中提到,$(document)...
在需要对img进行onload事件绑定的时候,一般大家都会想到用常规的方法进行事件绑定,如下: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...