在页面末尾加载 javaScript。为什么？ [复制]答案

【问题标题】：Load java Script at the end of page. why? [duplicate]在页面末尾加载 javaScript。为什么？ [复制]
【发布时间】：2014-06-20 01:12:43
【问题描述】：

我听了很多，我们应该总是在页面末尾加载 java 脚本，为什么我们应该这样做。如果我在页面开始时编写 java 脚本，它会有什么不同？

【问题讨论】：

如果你尝试在你的js代码中使用一个还没有被DOM创建的元素，你认为会发生什么？
这是一个配音。你认为这个问题已经回答了多少次了，有十亿资源在这上面。不要告诉我 google 或任何其他搜索引擎找不到任何答案。 Unobtrusive JavaScript: <script> at the top or the bottom of the HTML code?
@BatuZet 根据我的分析，在加载了 dom 的所有元素之后，它会生成该元素

【解决方案1】：

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

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

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

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

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

document.getElementById('id');

另外，如果页面开头有脚本，它会阻止 UI 呈现。

【讨论】：

【解决方案2】：

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

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

【讨论】：