2

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

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

4

3 回答 3

1

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

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

如果您正在构建一个网站,还要研究缓存文件的方法(如果文件更改,则取消缓存),例如通过在文件名中使用日期戳。

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

于 2012-04-23T02:30:50.770 回答
0

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

或者,您还可以自动缩小它们。

于 2012-04-23T02:28:39.103 回答
0

这是我使用的风格,

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

原因:

  1. 这缓存了 js 库。我站点中的大多数页面都将使用该特定的 js 库,并且缓存将减少加载时间和带宽使用。
  2. 一旦我获得了更新版本的 js lib,我就必须用新版本替换旧版本。无需逐页更改内容!

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

原因:

  1. 以确保我不会弄乱我的代码!;-)
  2. 这些代码在更新站点时更容易更改,因此最好不要缓存它们。(但如果您的站点没有快速更改,则没有用!)
于 2012-04-23T03:06:28.273 回答