动态引入js，执行js里面的方法

使用js或者jq写网页，我们有缓存的问题。 解决这个问题的方法有不少。直接输入，不方便管理。
我们就需要一种可以统一管理版本号的代码。
下面就是
api.js:

var api = {
	v: 1.0,
	url: '../js/',
	arrJs: function(arr, func) {
		if (typeof arr == 'object') {
			for (var i in arr) {
				var js = arr[i]
				this.loadJs(js, func)
			}
		} else {
			this.loadJs(arr, func)
		}
	},
	loadJs: function(jsUrl, callback) {
		var script = document.createElement('script');
		script.type = "text/javascript";
		if (typeof(callback) != "undefined") {
			if (script.readyState) {
				script.onreadystatechange = function() {
					if (script.readyState == "loaded" || script.readyState == "complete") {
						script.onreadystatechange = null;
						callback();
					}
				}
			} else {
				script.onload = function() {
					callback();
				}
			}
		}
		script.src = this.url + jsUrl + '?v=' + this.v;
		document.body.appendChild(script);
	}
}

index.html:

<script>document.write('<script src="../js/api.js?v='+Math.random()+'"><\/script>')</script>
func(){
//网页单独的js 里面可以放common.js里面的方法。
}
api.arrJs('common.js',func)

如果直接引入到网页中， 会出现引入的先后关系问题。报：commit.js里面的方法不存在，
引入里面的js 引用的：https://www.jb51.net/article/139481.htm