javascript文件的多个来源

时间:2012-07-15 16:24:56

标签: javascript html

我正在开发一个项目,我需要在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>

5 个答案:

答案 0 :(得分:2)

您发布的示例与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文件部署到您的站点。

答案 1 :(得分:0)

无法在单个<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>

答案 2 :(得分:0)

答案 3 :(得分:0)

您发布的第二行动态地从服务器请求脚本。请求的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>

答案 4 :(得分:0)

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