的JavaScript。嵌入还是链接？

Question

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

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

Answer 1

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

理想情况下使用缩小版本，例如<script src="foo.min.js"></script>

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

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

Answer 2

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

或者，您也可以自动缩小它们。

Answer 3

这是我使用的风格，

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

理由：

1. 这会缓存js lib。我网站上的大部分页面都是 使用特定的js lib和缓存将减少加载 时间和带宽的使用。
2. 一旦我得到了更新版本的js lib，我必须更换 旧的与新的。无需逐页更改内容！

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

原因：

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