应该所有的javascript进入一个单独的js文件

Question

如果某些jquery或常规javascript应该内联或单独的js文件中有什么标准？

Answer 1

这取决于很多因素

  

<强> 1。缓存

当您将javascript或css分离为单独的文件时，它将被缓存在浏览器中，当新请求到达时，无需从浏览器下载新的请求。但是，在每次请求页面时都进行内联编码时，将下载内容，这将增加带宽使用。

在Make JavaScript and CSS External

中了解详情

  

<强> 2。减少HTTP请求

通过内联编码，您可以减少HTTP请求的数量，这是一种页面优化技术。

在Minimize HTTP Requests

中详细了解详情

  

第3。可维护性

通过制作外部javascript和css文件，可以更轻松地维护代码。您无需更改每个页面即可应用更改。

  

<强> 4。缩小

缩小是从代码中删除不必要的字符以减小其大小从而缩短加载时间的做法。缩小代码时，将删除所有注释，以及不需要的空格字符（空格，换行符和制表符）。对于JavaScript，这可以提高响应时间性能，因为下载文件的大小会减少。

在Minify JavaScript

中了解详情

我在这里发现了一篇很好的文章

<强> Supercharged Javascript

Answer 2

如果它全部在外部文件中，那就更干净了。将您的CSS和Javascript保存在他们自己的远程文件中，以获得清洁和更好的维护。我为这个规则做的唯一例外是当我需要在页面加载时输出一些动态javascript值：我可以在html文档的头部中这样做。

Answer 3

我们在工作中使用组合 - 任何静态JS的外部文件，并嵌入在我们为每个页面构建的JS页面中（DotNetNuke，因此我们无法预测哪些控件将被命名为clientside）。

Answer 4

我个人更喜欢将所有javascript保存在外部文件中，它可以保持HTML或XHTML的清理并且更易于维护，但是当我开发时，我会经常保留我在嵌入式顶部的当前代码片段。文件以便于访问，然后当我完成后，我将其移动到外部文件。

对于内联javascript，我会尽量避免使用它，因为它很难追踪错误，但奇怪的是它很有用，例如将div层变成链接。

Answer 5

就个人而言，我认为这是个人选择，取决于具体情况。如果它只是几行Javascript，我不打算制作一个单独的文件（和另一个HTTP请求）。但是，如果它更多，有功能而且不仅仅是微不足道的影响，我把它放在一个外部文件中。

此外，如果代码将在多个页面上使用，它应该总是放在一个单独的文件中，即使它只是几行。

Answer 6

保持javascript内联使许多ide能够对变量执行自动完成。如果JS在单独的文件中，则此功能不可用。

这非常重要，imho。而且我很惊讶IDE现在无法扫描和索引javascript文件的使用情况，从而提供合理的自动完成选项。