document.ready 与 window.onload的区别

标签：log   为什么   event   文档加载   nbsp   loading   模型   加载   events   

document的ready事件通常会比window的onload事件先发生，为什么呢？

因为document的ready是在浏览器加载解析并构建完doc文档模型时发生的，而window的onload是整个文档的内容加载完成时才会发生。

当document文档正在加载时,返回"loading"。当文档结束渲染但在加载内嵌资源时，返回"interactive"，并引发DOMContentLoaded事件。当文档加载完成时,返回"complete"，并引发load事件。

// 模拟DOMContentLoaded
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}

// 模拟 load事件
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

document.ready 与 window.onload的区别

标签：log   为什么   event   文档加载   nbsp   loading   模型   加载   events   

原文地址：http://www.cnblogs.com/saysmy/p/6472477.html