首页 > Windows开发 > 详细

document.ready 与 window.onload的区别

时间:2017-03-03 22:11:50      阅读:327      评论:0      收藏:0      [点我收藏+]

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

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

 

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

readystatechange事件会在document对象上的readyState属性的属性值发生变化时触发.
 
// 模拟DOMContentLoaded
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}
// 模拟 load事件
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

 

document.ready 与 window.onload的区别

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!