使用window.onload的最佳实践

使用 window.onload 是一种在浏览器加载完整个页面（包括所有资源，如图片和脚本文件）后执行 JavaScript 代码的方法。这可以确保在代码执行时，页面的所有元素都已经加载完成。然而，现代 Web 开发中，更推荐使用以下方法来实现类似的功能：

1. DOMContentLoaded 事件：当 HTML 文档被完全加载和解析完成后，DOMContentLoaded 事件会被触发。这意味着此时已经加载完成了 DOM 树，但可能还没有加载其他资源（如图片）。使用这个事件可以让您的代码更快地执行，因为它不需要等待其他资源加载完成。

示例代码：

document.addEventListener('DOMContentLoaded', function() {

   // 您的代码

});

1. window.addEventListener 方法：使用 window.addEventListener 方法可以将事件监听器添加到 load 事件，这样在页面加载完成后，您的代码将被执行。

示例代码：

window.addEventListener('load', function() {

   // 您的代码

});

总结：使用 DOMContentLoaded 事件或 window.addEventListener 方法可以实现更高效、灵活的 JavaScript 代码执行方式，而不是直接使用 window.onload。这些方法可以让您的代码在页面加载的不同阶段执行，从而提高页面性能和用户体验。