首页 > 代码库 > document.ready和window.onload的区别

document.ready和window.onload的区别

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

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

举个很简单的例子:

1个页面有几十张比较大的图片(img),当网速慢的时候最能看出效果,访问这个页面浏览器就会先去构建doc模型,然后再去请求图片,在构建doc模型完成就会执行document的ready事件,而window的onload事件得要等所有图片加载完成才会执行。