javascript - 什么时候应该使用内联与外部Javascript？

我想知道什么时候应该包括外部脚本或将它们与html代码内联，以提高性能和简化维护。

一般做法是什么？

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

写一些代码来内联配置此脚本吗？

是否在一个文件中包含所有这些html页面之间共享的所有位？

在单独的外部文件中包含每一位，每个html页面一个吗？

谢谢。

最佳答案

在最初发布此答案(2008年)时，规则很简单:所有脚本都应在外部。兼顾维护和性能。

(为什么要执行性能？因为如果代码是分开的，则浏览器可以更轻松地缓存它。)

JavaScript不属于HTML代码，如果包含特殊字符(例如<，>)，它甚至会产生问题。

如今，Web可伸缩性已经改变。由于发出多个HTTP请求的延迟，减少请求的数量已成为一个有效的考虑因素。这使答案变得更加复杂:在大多数情况下，仍然建议使用JavaScript外部。但是对于某些情况，尤其是很小的代码段，将它们内联到网站的HTML中是有意义的。