How to import/include source files in JavaScript?
Possible Duplicate:
How to include js file in another js file?
假设我有几个javascript源文件:
现在我必须在HTML页面中声明所有这些文件。我只想在HTML中声明
这有道理吗?我可以用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。