一个javascript 如何指定多个src

Question

比如 我一个页面文件要引用多个连接:
<script type="text/javascript" src="../../../JS/mainpage.js" ></script>
<script type="text/javascript" src="../../../UA/JS/Base.js"></script>
<script type="text/javascript" src="../../../UA/JS/GetCommonObject.js"></script>
<script type="text/javascript" src="../../../UA/JS/ListPrintHelper.js"></script>
<script type="text/javascript" src="../../../UA/JS/ClientMessageBox.js"></script>
<script type="text/javascript" src="../../../UA/JS/MessageBox.js"></script>
<script type="text/javascript" src="../../../UA/JS/HotKey.js"></script>
<script type="text/javascript" src="../../../UA/JS/TFunc.js"></script>
<script type="text/javascript" src="../../../UA/JS/SearchControlManager.js"></script>

如何 让这些重复的<script type="text/javascript"></script> 变成一个。而引用还是那么多。

Answer 1

优化不是这么个方法.
script标签只能有一个src属性,但你可以动态引入,如
<script type="text/javascript">
var jsarr='Base,GetCommonObject,ListPrintHelper,ClientMessageBox,MessageBox,HotKey,TFunc,SearchControlManager'.split(',')
for(var i=0;i<jsarr.length;i++)document.write('<script type="text/javascript" src="../../../UA/JS/'+jsarr[i]+'.js"></script>')
</script>
这样可以输出
<script type="text/javascript" src="../../../UA/JS/Base.js"></script>
<script type="text/javascript" src="../../../UA/JS/GetCommonObject.js"></script>
<script type="text/javascript" src="../../../UA/JS/ListPrintHelper.js"></script>
<script type="text/javascript" src="../../../UA/JS/ClientMessageBox.js"></script>
<script type="text/javascript" src="../../../UA/JS/MessageBox.js"></script>
<script type="text/javascript" src="../../../UA/JS/HotKey.js"></script>
<script type="text/javascript" src="../../../UA/JS/TFunc.js"></script>
<script type="text/javascript" src="../../../UA/JS/SearchControlManager.js"></script>
这些js包含文件.
但这只能使页面代码稍微简单一些，对优化服务器起不到实质性作用
优化网站几个小技巧
1、压缩，合并文件(如,js,css文件),这样可以减少服务器请求次数和下载文件大小
2、合并小图片，使用css背景定位.这个你可以保存几张大网站的背景图片看看，
术语叫做css sprite(css 雪碧)
3、服务器端代码性能优化，这个就要找懂行的人做了
4、前台页面内容，脚本性能优化(这个和服务器方面关联不大，和用户体验相关，也要找懂行的人做)

Answer 2

最好不要都粘到一个js文件里，维护起来很麻烦的，像楼上说的可以动态加载，自己可以写个js代码在页面初始化的时候加载，或者给<script type="text/javascript"></script>这个标签一个特殊的属性将这些文件地址按一定格式拼串，然后初始化的时候取到该属性的值拆分该串进行加载js文件

Answer 3

这个功能我已实现，并应用很久了。

1.利用一个JS，进行动态异步加载方式。

对这种方式，加强一下了，

实现按需加载.文件.(js,css),全站只加载一个 js,就可以实现全站功能。只管调用就行了。

代码不会发出来，但想了解更多可以发信息给我.

Answer 4

你这个是做特效的代码吧，它指向的src中.js文件都不一样，都是需要做到的，又怎么把它变成一个呢。

追问

不是做特效的、我是想做下优化。因为目前的产品效率慢了点。我想减少 网络宽带占用量。所以就想用一个 引用 把所有的JS文件都添加进来、

追答

不管你是用一个 引用 把所有的JS都添加进来还是像现在这样一个一个都添加进来，它的效率都不会有太大的提高，因为它本身所使用的JS文件还是没变，你用一个引用进来，它还是会去执行这个里面所有的JS文件

Answer 5

把，这些js文件内容全部复制到一个js文件里。

追问

维护不方便