JavaScript 在js文件中引入多个其他js文件，实现html文件只需要引入一个js文件

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m940034240/article/details/83148354

以下为一个名为httpUtils.js的文件，里面的post方法用到了jquery，在httpUtils.js中直接引入jquery的js文件，相应的html页面就只需要引入httpUtils.js即可使用jquery。

var script = document.createElement("script");
script.language = "javascript";
script.src = "http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js";
document.getElementsByTagName("head")[0].appendChild(script); //将jq的js文件引入到head中
function post(url , params, callback){
	$.post(url, params, function(result, status, xhr){
		console.log("result："+result);
		console.log("status："+status);
		console.log("xhr："+xhr);
		//var jsonObject=eval('('+result+')');
		//var jsonObject=JSON.parse(result);
		var jsonObject=JSON.parse(decodeURIComponent(xhr.getResponseHeader("data")));
		callback(jsonObject);
	})
}

同理，在多个html页面中用到大量相同的js/css文件的时候，可以将这些引入全写在一个js文件，然后在html的head标签中引入一个js文件就行了。

虽然这种方式便于维护，以后新增css只需要修改一个文件，但是以这种方法引入css文件的话会在页面绘制完成后才加载，会导致所有控件在css文件加载完成前为默认样式，需慎用。使用的css文件少的情况下，最好直接在head使用<link rel="stylesheet" href="./../style/mStyle.css"/>这样的方法加载css。