当脚本位于页面底部时是否需要“window.onload”？

Question

鉴于我的 js 脚本文件放在页面底部，是“window.onload”：var elem1;window.onload = () => {  elem1 = document.getElementById("element1");};真的需要吗？与简单的相反：  var elem1 = document.getElementById("element1");如果没有区别，如果我向它添加“异步”，这仍然是真的吗？即：  <script async src="...."></script>

Answer 1

window.onload当您想在 HTML 解析完成后执行 JavaScript 时使用。它确保呈现所有 HTML 标签。

Async 当您想在浏览器解析 HTML 时执行 JavaScript 时使用 in script 标记（脚本在可用时尽快执行）。

关于你的问题，如果没有区别：

加载脚本与使用异步加载脚本之间存在差异。

如果您不使用异步，脚本标签将阻止渲染。

Answer 2

不。从代码的角度来说，页面是从上到下加载的。如果您的脚本位于页面底部，它将最后加载，因此您不需要 window.onload，因为页面已经加载。