Question

我正在开发一个项目，我需要在HTML头部分直接包含大约10-15个.js文件，如

<script type="text/javascript" src="http://localhost:9020/website1/wa/min/soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>

我能正确提供参考的方式

我需要刷新的文件与

在同一层次结构中

1 ..... 2,3 2 ......... 4,5 3 ........ 6,7

我需要提及1,4,7请帮助。

在某个地方我读过这个方法是什么意思？

<script type="text/javascript" src="http://localhost:9020/wordplus/root/child/?b=scripts&f=soundmanager2.js,vars.js,utils/md5.js,utils/utils.js></script>

Answer 1

您发布的示例与minify PHP库的查询字符串接口完全相同：http://github.com/mrclay/minify

使用它，您可以使用时尚<script src="min/?b=path&f=script1.js,script2.js,ui/script3.js"></script>。其中path是您希望它在Web根目录下查找脚本的路径。

我之前使用过，我发现它非常有效。它连接，缩小，缓存和提供JS和CSS。

我确信还有其他库可以达到相同的效果，或者您可以创建一个构建脚本来连接和缩小所有脚本，然后在一个脚本标记中将单个JS文件部署到您的站点。

Answer 2

无法在单个<script>元素中加载多个javascript文件。

您必须为要引用的每个脚本提供单独的<script>元素。

<script type="text/javascript"
  src="http://localhost:9020/wordplus/root/child/?b=scripts&f=soundmanager2.js"></script>
<script type="text/javascript"
  src="http://localhost:9020/wordplus/root/child/?b=scripts&f=vars.js"></script>

Answer 3

我认为您可以通过动态加载外部JavaScript文件获得所需内容：

http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html

http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

Answer 4

您发布的第二行动态地从服务器请求脚本。请求的b参数告诉您需要脚本，f参数告诉服务器您需要哪些文件。然后将它们连接成一个文件并将其发送回用户代理。您需要服务器端脚本来处理这个问题;它不是URL规范中内置的东西。

http://localhost:9020/wordplus/root/child/
b=scripts
f=soundmanager2.js,vars.js,utils/md5.js,utils/utils.js

最简单的解决方案是每个文件只有一个脚本标记，因为它可以让您利用缓存：

<script src="http://localhost:9020/wordplus/root/child/soundmanager2.js"></script>
<script src="http://localhost:9020/wordplus/root/child/vars.js"></script>
<script src="http://localhost:9020/wordplus/root/child/utils/md5.js"></script>
<script src="http://localhost:9020/wordplus/root/child/utils/utils.js"></script>

Answer 5

另一种解决方案是使用一些JavaScript构建器来加入所有文件，只生成一个。这种方法的优点是您的结果文件将被“压缩”（缩小）。一些建设者：

Google Closure Compiler（自2009年以来我喜欢并使用此功能）。
YUI Compressor

javascript文件的多个来源

5 个答案: