一尘不染

什么时候应该使用内联与外部Javascript?

javascript

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

一般做法是什么?

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

  • 编写代码位以内联方式配置此脚本?
  • 在所有这些html页面之间共享的一个文件中包含所有位?
  • 将每个位都包含在一个单独的外部文件中,每个html页面一个?

谢谢。


阅读 335

收藏
2020-04-25

共1个答案

一尘不染

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

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

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

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

2020-04-25