浅谈全局.onload与相关方法事件（document.ready，document.body.onload）区别

浅谈document.ready/window.onload、window.onload/document.body.onload的区别

• 1.document的ready事件通常会比window的onload事件先发生（为什么呢？）
  • 因为document的ready是在浏览器加载解析并构建完doc文档模型时发生的，而window的onload是整个文档的内容加载完成时才会发生。
  • 例如：
    在1个页面中有几十张比较大的图片(img)，当网速慢的时候最能看出效果，访问这个页面浏览器就会先去构建doc模型，然后再去请求图片，在构建doc模型完成就会执行document的ready事件，而window的onload事件得要等所有图片加载完成才会执行。
• 2.`window的onload事件和document.body的onload事件的对比（优缺点）
  • window.onload：window的onload事件得要等页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成后才会执行；
  • document.body.onload：document.body的onload事件一旦当DOM加载完成之后就会触发执行，然而包括页面样式，图片在此时并未加载完成。