Javascript。嵌入还是链接？答案

【问题标题】：Javascript. Embed or link?Javascript。嵌入还是链接？
【发布时间】：2012-05-03 16:26:55
【问题描述】：

感谢一些 UI 框架，例如 KendoUI 和 Dojo/Dijit，我开始接触更多的 JavaScript，并且我正在尝试将这些与我的自定义 MVC 框架集成。但是，他们所有的示例都将 JavaScript 与 HTML 一起嵌入到 <script></script> 标签中，这很好，只是意味着代码被转储到我的视图中。

我只是想知道在我的项目中是否有一些“标准”或“更可接受”的方法来呈现自定义 JavaScript 代码。将代码嵌入到 HTML 中是最好的方法，还是认为更好将 JavaScript 存储在 .js 文件中并从 HTML 链接到它？

【问题讨论】：

标签： php javascript model-view-controller

【解决方案1】：

您应该使用外部的<script> 标签来允许浏览器缓存脚本并节省带宽。

您也可以选择自动缩小它们。

【讨论】：

【解决方案2】：

使用脚本标签，例如<script src="foo.js"></script>

最好使用缩小版，例如<script src="foo.min.js"></script>

如果您正在构建一个网站，还要研究缓存文件的方法（以及在文件更改时取消缓存），例如在文件名中使用日期戳。

一些编程框架可以自动合并和缩小页面的所有 JavaScript 文件。例如，Rails 有一个资产管道可以为您处理这个问题。

【讨论】：

您的意思是带有 src 属性的脚本标签？使用相同的标签来嵌入和链接到 JavaScript 很烦人。不过谢谢，我想我明白你的意思了。下一步将在我的 MVC 框架中构建 minify 函数。
是的，带有 src 属性的脚本标签。我正在更新答案以显示它。
谢谢。说得通。我完全忘记了缓存文件的好处。感谢您的评论，我的 MVC 框架现在缩小了。

【解决方案3】：

这是我用的风格，

1).我通常使用<script src="libURL"></script>链接js libs（jQuery等）

原因：

这会缓存 js 库。我网站中的大部分页面都是使用特定的 js lib 和缓存将减少负载时间和带宽使用。
一旦我获得了更新版本的 js lib，我只需要替换旧的与新的。无需逐页更改内容！

2)。当这些代码特定于该特定页面时，我使用 <script>//codes here</script> 方法嵌入脚本。

原因：

以确保我不会弄乱我的代码！ ;-)
这些代码在更新网站时更容易被更改，因此最好不要缓存它们。（但如果您的网站没有进行快速更改，则没有用！）

【讨论】：