JS 开发必知：window.onload 与 ondocumentready 深度解析及应用场景对比

`window.onload` 和 `ondocumentready` 都是 JavaScript 中用于在页面加载完成后执行某些代码的事件处理程序。 `window.onload` 是一个全局事件，当整个页面（包括所有图像、CSS 文件和脚本）都加载完成后，才会触发这个事件。这意味着，如果页面中包含大量的资源，那么 `window.onload` 可能需要等待很长时间才会触发。 `ondocumentready` 是一个 DOMContentLoaded 事件，当页面的主体部分（包括 HTML、CSS 和 JavaScript）都加载完成后，就会触发这个事件。这意味着，即使页面中包含大量的资源，`ondocumentready` 也可能会比 `window.onload` 更早地触发。 在实际开发中，`ondocumentready` 更常用，因为它可以更快地执行一些初始化操作，比如设置事件监听器、修改页面元素等。而 `window.onload` 更适合那些需要等待所有资源都加载完成的场景，比如需要执行一些需要访问页面所有资源的操作。 ######[AI写代码神器 | 206点数解答 | 2023-11-09 01:05:46]