jquery pageload事件的顺序是什么?

时间:2010-07-06 10:19:15

标签: jquery

是否有关于哪些事件以哪种顺序发生(以及触发它们的是什么)的良好指南?

即:

$(document).ready
$(window).ready
$(window).onload

编辑:我还有其他(页面加载)事件吗?

5 个答案:

答案 0 :(得分:6)

  1. document.ready - DOM元素很好用
    • 在Mozilla / WebKit / Opera
    • 中由DOMContentLoaded触发
    • 在IE
    • 中被onreadystatechange所诱惑
  2. window.load - 已加载图片
    • 实际的window.onload事件,这是一个核心DOM事件,不是由jQuery创建的。
  3. document.readywindow.load之前或之后发生...如果所有其他方法都失败,document.ready实际上是window.load上的事件处理程序,您可以在此处查看源代码:http://github.com/jquery/jquery/blob/master/src/core.js#L407

    没有window.readydocument.ready是jQuery创建的特殊事件,仅适用于document而非window

答案 1 :(得分:4)

    浏览器完成呈现DOM(HTML文件)后,
  • $(document).ready

  • $(窗口).ready 从未听说过那个。不要认为它存在

  • $(窗口).onload 当页面上的每个链接资源(包括图像)都已加载时(通常在document.ready之后的某个时间)

答案 2 :(得分:3)

  1. $(文件)。就绪
  2. $(窗口).onload(文档+多媒体(如图像))
  3. 没有$(窗口).ready

答案 3 :(得分:0)

据我所知

  1. $(文件)。就绪
  2. $(窗口).onload

答案 4 :(得分:0)

所有答案都是正确的,但只是为了澄清。

window.onload$(window).load

没有$(window).onload也没有window.load