window.onload: 等所有资源加载完 document.ready: DOM树构建完资源还没加载完 应该使用ready保证用户体验。否则当网站有很多图片资源时要很长时间才能加载完这段时间内Js都用不了
是DOM文档加载的步骤为
1.解析HTML结构
2.加载外部脚本和样式文件
3.解析并执行脚本文件
4。DOM树构建完成 会触发DOMcontentLoaded事件
5.加载图片等外部文件
6页面加载完毕 会触发window.onload事件
DOMready会是在步骤4触发的
window.onload是在步骤6触发的 为了提高用户体验 你总不能等图片页面加载完才执行那些js代码吧 比如给页面上的按钮绑定点击事件 这样就很糟糕了;
window.onload: 等所有资源加载完 document.ready: DOM树构建完资源还没加载完 应该使用ready保证用户体验。否则当网站有很多图片资源时要很长时间才能加载完这段时间内Js都用不了