javascript代码应该在哪里？答案

【问题标题】：Where should javascript code be?javascript代码应该在哪里？
【发布时间】：2012-01-17 18:07:12
【问题描述】：

它应该在视图部分，html在哪里，或者不在？如果这个javascript代码只用于那个文件，把它放在javascript的主文件中是没有意义的，不是吗？谢谢。

【问题讨论】：

为什么不能只为该页面使用另一个 Javascript 文件？并且 JS 必须在 HTML 区域中，无论是直接编码还是链接到外部脚本。
@rockerest：是的，不错的建议，我也在考虑这个问题，但如果你只需要 10-15 行 javascript 代码，那我不知道...
你应该把它作为一个脚本标签链接到基本/布局 HTML 文件中，认为它应该在你的 public/static/asset 文件夹中的另一个文件中。您使用的是哪个框架？
@hey 你现在需要 15 行，但明天你还需要 15 行，依此类推......
额外 15 行代码的传输开销可能会小于额外的 HTTP 请求。

【解决方案1】：

内联 JavaScript 不需要额外的 HTTP 请求，
并且可以与 PHP 逻辑结合，
但是对于重复访问者，则需要重新获取 15 行 JavaScript。

使用 JavaScript 文件会产生额外的 HTTP 请求，
使用正确的过期标头，
它不会重复请求 JavaScript 文件。
当然，你不能将 PHP 逻辑融入其中。

没有明确的赢家，很大程度上取决于您的情况。
我更喜欢内联 JavaScript，因为集成 PHP 逻辑的灵活性是不可替代的。

google 也这样做！
通过缩小内联 CSS 和 JavaScript。

【讨论】：

@austincheney 你能详细说明一下吗？
Google 标记代码很少针对任何普遍接受的方案进行验证。他们的大多数工具中的标记似乎大多是动态生成的，而不是静态提供的，这对于其他任何人来说都是可怕的 SEO 并且可能对可访问性造成灾难性影响。如果您将不良示例作为您应该做什么的证据，那么您自己可能会做得很糟糕，这将反映在输出质量中。
我认为这是题外话。为什么将SEO拖入其中？或者你是说内联 JavaScript 会给 SEO 带来不好的影响？
我是说谷歌是一个如何正确编写标记代码的可怕例子。这就是我要说的。内联 JavaScript 推断使用标记代码来传递 JavaScript。

【解决方案2】：

同意上一个答案。更清洁，将其放在单独的 js 文件中。还要注意，如果可能的话，很少有情况不是这样，但我建议在文档准备好/加载后将 te 文件的引用放在文档的底部并触发函数等。您可能想查看一些实用程序，这些实用程序还可以帮助您组织在哪个页面上引用了哪些文件。

【讨论】：

【解决方案3】：

在.js 文件中，由您的 HTML 视图中的<script> 链接。

【讨论】：

【解决方案4】：

如果您想访问多个文件中的 javascript 方法。然后，您应该创建一个扩展名为 .js 的文件，并将您的方法或函数放在该文件中。然后打开您实际想要访问 javascript 方法的文件。在...标签之间。像这样的地方

<script type="text/javascript" src="myscript.js">

【讨论】：