将 JavaScript 嵌入 HTML 或将其保存在外部有哪些优点和缺点？ [关闭]答案

【问题标题】：What are some advantages and disadvantages for embedding JavaScript in HTML or saving it externally? [closed]将 JavaScript 嵌入 HTML 或将其保存在外部有哪些优点和缺点？ [关闭]
【发布时间】：2016-04-14 21:57:42
【问题描述】：

我正在寻找简单的要点答案。我试过到处找，谷歌搜索，还有其他问题，但我永远找不到每种方法的优点和缺点。

【问题讨论】：

这是When should I use Inline vs. External Javascript? 的副本吗？这个问题得到了高度评价并且仍然开放。我不会标记它，因为我对这项技术不太熟悉，但听起来确实很相似。
我想非常相似，但这个问题要求的是优点+缺点，而不是每个场景。

标签： javascript html save embedding

【解决方案1】：

这是我从W3Schools 得到的关于外部 javascript 文件的答案

优点

它允许关注点分离 - 这在简单页面中并不是什么大问题，但随着脚本变得越来越大，您可以拥有一个单一的 html 页面。一般来说，大文件不适合可维护性
它允许缓存 - 当浏览器从外部加载脚本（无论是来自您的站点还是来自 cdn）时，它会缓存文件以供将来使用。这就是为什么 cdn 是常用脚本的首选。使浏览器使用缓存的脚本，而不是每次页面加载时都构建一个新脚本，从而使页面加载更快
更具可读性的代码 - 这与第一个要点有关，但它仍然很重要。我们人类使用的文件越小越好。更容易发现错误，也更容易将火炬传递给下一个从事该项目或从中学习的开发人员。

缺点

浏览器必须发出http请求才能获取代码

可能还有其他浏览器特定的原因，但我认为主要原因是将代码分离到不同的组件中。

【讨论】：

【解决方案2】：

使用外部 javascript 文件的最大优势可能是浏览器缓存 - 它可以为您提供良好的性能提升。

假设您有一个使用 MyJsFile.js 的网站（一个随机的 50kb javascript 文件，可为您的网站添加功能）。你可以：

将其嵌入到每个页面中，并将 50kb 添加到每个页面请求中（不理想）
在每一页链接它 (<script src="MyJsFile.js"></script>)

通常首选第二个选项，因为大多数现代浏览器只会获取一次文件，并从浏览器缓存中提供它，而不是在每次请求时都下载它。

查看类似问题：

【讨论】：