我正在开发一个项目,我需要在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>
答案 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)
我认为您可以通过动态加载外部JavaScript文件获得所需内容:
http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html
http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
答案 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构建器来加入所有文件,只生成一个。这种方法的优点是您的结果文件将被“压缩”(缩小)。一些建设者: