在页面末尾加载javaScript。为什么？

Question

我听了很多，我们应该总是在页面末尾加载java脚本，为什么我们应该这样做。如果我在页面开头写java脚本会如何产生差异？

Answer 1

如果您在页面开头编写javascript，那么您将无法直接访问DOM元素。

但是当你在底部使用它时，所有元素都将被渲染，你可以使用它们。

在第一种情况下，你需要这样的东西：

window.onload = function(){
  document.getElementById('id');
}

但在第二种情况下，你需要：

document.getElementById('id');

此外，如果您在页面的开头有脚本，它将阻止UI呈现。

Answer 2

如果你使用JS来操作DOM，你会希望在脚本运行之前加载页面 - 通常这意味着将脚本放在页面内容之后。

但是，如果Javascript响应于发出onClick事件，则不需要将其放在页面的底部。