如何在一个js中引用多个js文件

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

yinhui1129754
2017-05-12 · TA获得超过133个赞

知道小有建树答主

回答量：70

采纳率：100%

帮助的人：38.6万

我也去答题访问个人页

关注

展开全部

可以创建一个函数叫require 该函数支持两个参数

第一个参数 src 需要引入的script的路径 (这个参数可以是路径也可以是一个数组多个js文件)

第二个回掉函数在引入的script标签加载完成了调用

因为楼主是引用js文件所以必须要在引入的js加载完成了才能运行后面的js

所以下面给出一份演示

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>e演示</title>
    <script type="text/javascript">
    function require(src,fun){
    	function centerFun(O){
    		var num=0;
    		for(var i=0;i<O.length;i++){
    			(function(j){
				if(O[j].complate){
    				num++;
    				if(num==O.length){
    					if(fun){
    						fun();
    					}
    				}
    			}else{
    				O[j].onload=function(){
    					num++;
    					if(num==O.length){
    						if(fun){
    							fun();
    						}
    					}
    				}
    			}
    			})(i);
    		}
    	}
    	if(typeof src=="object"){
    			var d=new Array;
    			for(var i=0;i<src.length;i++){
    				var e=document.createElement("script");
    				document.body.appendChild(e);
    				e.setAttribute("src",src[i]);
    				d.push(e);
    			}
    			centerFun(d);
    			return 0;
    	}
    	if(typeof src=="string"){
    		var script=document.createElement("script");
    		script.setAttribute("src",src);
    		document.body.appendChild(script);
    		if(script.complate){
    			if(fun){
    			fun();	
    			}
    		}else{
    			if(fun){
    				script.onload=function(){
    					fun()
    					script.onload=null;
    				}
    			}
    		
    		}
    	}

    }
    </script>
</head>
<body>
<script type="text/javascript">
	require(["http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"],function(){
		console.log($);
	})
</script>
</body>
</html>