通過(guò)document.createElement('script')方式加載JS文件時(shí)，文件是動(dòng)態(tài)加載進(jìn)來(lái)的截歉，沒(méi)法控制加載的順序脓诡。下面是簡(jiǎn)單的解決辦法，更好的解決辦法是使用AMD或CMD方式來(lái)管理模塊擂红，比如require.js或sea.js
var requireFile = function (file, callback) {
callback = callback || function () {};
var filenode;
var jsfile_extension = /(.js)$/i;
var cssfile_extension = /(.css)$/i;
if (jsfile_extension.test(file)) {
filenode = document.createElement('script');
filenode.src = file;
// IE
filenode.onreadystatechange = function () {
if (filenode.readyState === 'loaded' || filenode.readyState === 'complete') {
filenode.onreadystatechange = null;
callback();
}
};
// others
filenode.onload = function () {
callback();
};
document.head.appendChild(filenode);
} else if (cssfile_extension.test(file)) {
filenode = document.createElement('link');
filenode.rel = 'stylesheet';
filenode.type = 'text/css';
filenode.href = file;
document.head.appendChild(filenode);
callback();
} else {
console.log("Unknown file type to load.")
}
};
var loaded = [];
var requireFiles = function () {
var index = 0;
return function (files, callback) {
callback = callback || function () {};
index += 1;
f = files[index - 1];
//console.log(loaded);
if(loaded.indexOf(f) != -1) {
//console.log("pass:",f);
callBackCounter();
}else{
requireFile(f, callBackCounter);
loaded.push(f);
}
function callBackCounter() {
if (index === files.length) {
index = 0;
callback();
} else {
requireFiles(files, callback);
}
};
};
}();
