关于客户端:如何在JavaScript中导入/包含源文件?

How to import/include source files in JavaScript?

本问题已经有最佳答案,请猛点这里访问。

Possible Duplicate:
How to include js file in another js file?

假设我有几个javascript源文件:a.jsa1.jsa2.jsa.js的函数调用a1.jsa2.js的函数。

现在我必须在HTML页面中声明所有这些文件。我只想在HTML中声明a.js,在a.js源文件中声明"import/include"。

这有道理吗?我可以用JavaScript实现吗?


不能在普通的javascript中指定导入。

因此,您的解决方案(不包括重型服务器端框架)是:

  • 简单地做进口

  • 连接JS文件(并以相同的方式缩小它们,例如使用闭包编译器)。

  • 使用类似于require.js的模块itool

只要您没有经验,如果您的文件数量很低(少于15个),我建议您只选择第一个或第二个解决方案。当开始学习javascript时,使用模块加载程序可能会产生不想调试的副作用。


您可以导入:

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

如果您想直接从JS执行,可以使用Ajax,本文将解释如何:在javascript文件中包含javascript文件


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

这些工具将多个javascript文件组合成一个javascript文件(也可以缩小文件),并将多个css文件组合成一个css文件。这会导致从浏览器到服务器的HTTP连接减少,因此串行提取的内容也更少。

ASP.NET MVC 4内置支持此功能:

http://theshravan.net/bundling-and-minification-support-in-asp-net-mvc-4/

有许多其他环境的解决方案,如榨汁机。

如果您不能捆绑所有资源(可能有些资源来自于一个cdn,而其他资源则在本地提供),那么您可以使用一个负载管理器,如require.js。