如何在JavaScript中导入/包含源文件？

可能重复：

假设我有几个JavaScript源文件：

a.js

、

a1.js

和

a2.js

。

a.js

的函数调用

a1.js

和

a2.js

中的函数

现在我必须在我的HTML页面中声明所有这些文件。我只想在HTML中声明

a.js

，在

a.js

源文件中声明“导入/包含”

a1.js

，以及

a2.js

这有意义吗？我可以在JavaScript中这样做吗？

您可以使用某些工具将JavaScript（以及CSS）文件捆绑在一起，以减少必须包含的文件数量。这也提高了页面加载性能

这些工具将多个JavaScript文件组合成一个JavaScript文件（也可以选择缩小文件），并将多个CSS文件组合成一个CSS文件。这会减少从浏览器到服务器的HTTP连接，因此串行获取的内容也会减少

ASP.Net MVC 4具有对此的内置支持：

还有许多其他环境的解决方案，例如

---

如果您无法捆绑所有资源（可能一些来自CDN，而其他资源则在本地提供），则可以使用负载管理器，例如。

您不能在普通javascript中指定导入

因此，您的解决方案（不包括重型服务器端框架）是：

• 简单地做进口

• 连接js文件（并在同一步中缩小它们，例如使用）

• 使用类似itool的模块

只要您没有经验，并且文件数量较少（少于15个），我建议您只选择第一个或第二个解决方案。在开始学习javascript时，使用模块加载器可能会产生您不想调试的副作用。

您可以导入：

<script type="text/javascript"src="a1.js"></script>
<script type="text/javascript"src="a2.js"></script>
<script type="text/javascript"src="a3.js"></script>

如果您想直接从JS执行此操作，可以使用Ajax，本文将介绍如何：

---

要做到这一点，您必须使用类似的工具，或连接js文件（并在同一步中缩小它们，例如使用）。您不能在vanilla javascript中指定导入。@devsundar为什么不请求close as duplicate？@dystroy谢谢您的建议。起初，我在寻找一个关闭的选项。我现在用“flag”选项来做。这对我来说不是直观的…@devsundar抱歉，我没有看到你还没有投票结束的特权。这无助于从库中导入特定模块。