何时使用内联与外部Javascript？

Question

何时使用内联与外部Javascript？

我想知道什么时候应该包括外部脚本，或者根据HTML代码编写它们，在性能和易于维护方面。

这方面的一般做法是什么？

现实世界-场景-我有几个html页面，需要客户端表单验证。为此，我使用了我在所有这些页面中包含的jQuery插件。但问题是，我是否：

• 用内联方式编写配置此脚本的代码吗？
• 包括所有这些html页面共享的一个文件中的所有位？
• 在一个单独的外部文件中包括每个位，每个html页面一个？

谢谢。

Answer 1

在这个答案最初发布时(2008年)，规则很简单：所有脚本都应该是外部的。为了维护和性能。(为什么是表演？因为如果代码是分开的，浏览器可以更容易地缓存它。)JavaScript不属于HTML代码，如果它包含特殊字符(如<,&nbsp;>它甚至会制造问题。如今，Web可伸缩性已经发生了变化。由于发出多个HTTP请求的延迟，减少请求数量已成为一个有效的考虑因素。这使得答案更加复杂：在大多数情况下，使用JavaScript外部是仍然建议。但是对于某些情况，特别是非常小的代码，将它们嵌入到站点的HTML中是有意义的。

Answer 2

可维护性绝对是将它们保持在外部的一个原因，但是如果配置是一个一行(或者通常比使这些文件外部化所需要的HTTP开销更短)，那么从性能上讲，保持这些文件的内联是更好的。请始终记住，每个HTTP请求都会在执行时间和通信量方面产生一些开销。当然，当您的代码长度超过几行时，这一切就变得无关紧要了，并且并不是真正针对单个页面的。当您想要重用该代码时，请将其设置为外部代码。如果你没有，看看它的大小，然后决定。