时间戳

首页 > 解决方案 > 当脚本位于页面底部时是否需要“window.onload”？

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

问题描述

鉴于我的js脚本文件放在页面底部，是“window.onload”：

var elem1;
window.onload = () => {
  elem1 = document.getElementById("element1");
};

真的需要吗？与简单相反：

  var elem1 = document.getElementById("element1");

如果没有区别，如果我向其中添加“异步”，这仍然是正确的吗？即：

  <script async src="...."></script>

标签： javascriptecmascript-6

解决方案

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

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

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

加载脚本和异步加载脚本是有区别的。

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

推荐阅读