如果JavaScript代码总是在HTML文档的头部被加载？

Question

有没有在JavaScript的应该如何加载项毯子规则。我看到的人说，它应该在页面的结束了。

思想？

Answer 1

那么有两种情况（至少），取决于你想要什么来实现的。如果您需要在脚本或脚本结合，如函数库的功能，之前或页面加载过程中可用，那么你应该在头标记加载JavaScript代码。 如果你需要做的东西，需要在页面加载（DOM资源是）后，才应该比你在页面底部加载脚本/ S所提供的一些资源（这也可以使用onDOMReady事件解决了已经在大部分的JavaScript框架可用）。 可能有也可能决定你的决定，一些性能问题。例如有装载头标记会减慢页面渲染的脚本或者脚本时的情况，如果你能提供基本的功能与渲染，直到脚本页面的功能完全正常，然后再脚本或脚本应该在底部加载。 它是基于你需要做的更多或更少的决定。

Answer 2

后面把它在文档的末尾的思想是，以确保文档的整个内容已被任何企图基准元件在它之前下载。如果JavaScript是第一次加载它是可能的代码可以去寻找元素时，该文件还没有准备好。

jQuery的解决此问题与 ready 功能：

  

绑定到执行的功能   每当DOM是随时可以   查询及操纵。

     

这可能是最重要的   包括在事件模块中的功能，   因为它可以大大提高响应   web应用程序的时间。

有同样的性能考虑，建议包括JavaScript的文件的页面的底部 - 这是由于这样的事实：下载JavaScript文件可能会阻止所有其他HTTP请求（图像，CSS，等），直到它完成。

Answer 3

如果你需要使用JavaScript来运行，而文档仍在加载一些特殊的逻辑，你可以在上面放最少的代码。但实际上需要在今天的富Web应用程序的JavaScript的所有使用后的文件已经准备好，因此<script>标签可以</body>后放心地把。

下面是一个非常相关的读出： http://developer.yahoo.com/performance/ rules.html

Answer 4

有任何规则：如果你想在JS来先加载，你把它的头部。如果你希望它是最后的事情浏览器加载，你把它的底部。

有关网站获得usuable与JS，你可能想要把它的顶部，在头。对于降级很好的网站，你会跟着雅虎recommandations并让页面呈现，然后加载脚本。

N.B：这有没有关系之前或DOM加载后执行脚本。这个问题是不是一个真正的一个，你们中的大多数使用的onload时间或$。就绪等同。这是一个关于当实际加载的文件，而不是执行。

Answer 5

我喜欢当我部署到生产到我的代码减少到一个单一的文件。因此，在开发过程中，我为每个JavaScript类的单个文件和（后的CSS文件的）的头部加载每个。因为我等待指示DOM准备好浏览器的事件，我把我的JS文件中只有HTML / JSP页面的头。