`

onload事件

阅读更多
在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的onload事件的代码,javaScript内嵌在html中。

    js的image onload事件使用遇到的问题

    标题中所提到的知识点是“js的image onload事件使用遇到的问题”,这涉及到JavaScript中Image对象的onload事件处理。在Web前端开发中,onload事件是一个非常重要的概念,主要用于处理图片或者其他资源加载完成后的...

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件,可多次添加加载事件!

    js onload事件不起作用示例分析

    在探讨JavaScript中onload事件在JSP页面上不起作用的问题时,可以深入分析几个关键知识点,包括onload事件的基本概念、在JSP页面中使用onload事件的正确方式,以及可能导致onload事件失效的具体原因和解决办法。...

    js之onload事件的一点使用心得

    在JavaScript编程中,页面加载完成后的操作常常需要用到一个特定的事件处理器——onload事件。本文将深入探讨onload事件在JavaScript中的使用心得,以及如何正确地利用这一事件来确保相关代码在页面加载完毕后执行。...

    JQuery-- onload,ready方法详细解说

    ready 事件是在文档结构加载完成后触发的,而 onload 事件是在页面所有元素加载完成后触发的,包括图片、Flash 等媒体文件。这意味着 ready 事件会在 onload 事件之前触发。 在实际开发中,我们通常会使用 ready ...

    ie 处理 gif动画 的onload 事件的一个 bug

    IE浏览器在处理GIF动画的onload事件时存在的一个bug IE浏览器在处理GIF动画的onload事件时存在的一个bug,该bug会导致onload事件重复触发,该问题只出现在IE浏览器上,而Firefox浏览器没有这个问题。 该bug的原因...

    图片onload事件触发问题解决方法

    并且随页面大小的不同情况... 解决办法是再onload触发前改变图片src的值,也就是相当于图片开始时有个临时的占位图片,页面载入过程中用js换成实际需要的src,只要每次onload事件触发前src发生变化,则onload表现正常。

    js的onload事件及初始化按钮事件示例代码

    JavaScript中的`onload`事件是网页或特定元素加载完成后触发的事件,主要用于执行某些操作,如显示内容、执行脚本等。这个事件在多种HTML标签上都可用,包括`&lt;body&gt;`、`&lt;frame&gt;`、`&lt;frameset&gt;`、`&lt;iframe&gt;`、`&lt;img&gt;`...

    原生javascript如何实现共享onload事件

    传统的方式是使用window.onload事件处理函数来执行这些代码,但是这样会遇到一个问题,即如果页面中有多个地方设置了window.onload,后面的设置会覆盖掉前面的设置,导致只执行最后一次绑定的函数。为了解决这个问题...

    微信小程序onLaunch异步,首页onLoad先执行?

    本来按照事件顺序,小程序初始化时触发App里的onLaunch,后面再执行页面Page里的onLoad,但是在onLaunch里请求获取是否有权限,等待返回值的时候Page里的onLoad事件就已经执行了。   //app.js App({ onLaunch: ...

    把多个JavaScript函数绑定到onload事件处理函数上的方法

    在JavaScript编程中,确保函数在页面完全加载之后执行是非常常见的需求,这通常通过将函数绑定到`window.onload`事件来实现。当`window.onload`事件触发时,绑定的函数会被调用,以此来确保所有资源(如图片、脚本等...

    仅img元素创建后不添加到文档中会执行onload事件的解决方法

    通常情况下,当一个`&lt;img&gt;`标签在页面加载时,浏览器会自动触发`onload`事件,该事件在图片完全加载后被激活,允许开发者执行某些操作,如调整图片大小、显示隐藏元素等。然而,在某些情况下,如果`&lt;img&gt;`元素通过...

    全面解析jQuery $(document).ready()和JavaScript onload事件

    这两个阶段分别对应了jQuery中的$(document).ready()方法和JavaScript的onload事件。 $(document).ready()是jQuery提供的一个方法,它允许我们在DOM结构完全加载并且解析后立即执行代码。在描述中提到,$(document)...

    img onload事件绑定各浏览器均可执行

    在需要对img进行onload事件绑定的时候,一般大家都会想到用常规的方法进行事件绑定,如下: 代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

Global site tag (gtag.js) - Google Analytics