javascript - 在文档正文中嵌入 Javascript？

Question

您是否将 JS 嵌入到文档的正文中？还是您只将它们全部放在文档的头部/底部？

我一直将它们放在一个站点范围的文件中，但它变得难以管理。我在想使用视图助手有选择地将脚本包含到文档正文中可以很好地工作，但我错过了什么吗？

score 4 · Accepted Answer

尝试使用RequireJS 之类的库来管理您的 .js 文件。这将在您的脑海中添加一个脚本引用，但在必要时包括所有其他文件。如果您需要，这还将支持构建时的捆绑和缩小。

作为旁注；脚本块总是阻止页面加载，因为脚本总是在加载继续之前执行。因此，始终最好使用尽可能少的脚本块，如果有，请将它们放在正文的结束标记之前，以提供最佳的用户体验。

score 0 · Accepted Answer

我们遵循的过程是将 JS 文件按逻辑和功能分组到不同的文件中。我们只加载网页所需的那些文件。

如果您的文档可能需要或不需要 JS 文件，我们会使用延迟加载文件，即按需加载文件。Facebook 在其 Bootloader 框架方法中广泛使用了这一概念。

这很容易实现。您的主要任务是将文件拆分为逻辑组。

希望这可以帮助。

score 0 · Accepted Answer

我个人会在文档中放入尽可能少的 js 代码。使用模块库 ( AMD ) 模块化您的代码（这也只加载真正需要的代码并且异步执行此操作）。使用不显眼的 javascript 风格将行为与设计分开。（示例）

score 0 · Accepted Answer

例如，我不能将所有内容都放在外部 JavaScript 中，因为我的服务器端将有关本地化的信息放入 javascript 中。所以我有：

<script>
XXX.lang = "de-DE";
</script>

第二件事是在运行时或编译时生成“捆绑”脚本。有很多工具可以做到这一点，例如：yui 压缩器。使用此工具可以在开发环境（许多文件）之前轻松管理您的代码，并在生产站点上拥有一个文件。

4 回答 4