- 相關推薦
javascript寫的異步加載js文件函數
自己用的加載js文件,支持多文件,不兼容ie
復制代碼 代碼如下:
/**
* 加載js文件
* @param {string || array} url js路徑
* @param {Function} fn 加載完成后回調
* @return {object} game對象
* @example
* getScript("url.js",fn)
* getScript(["url-1.js","url-2.js"],fn)
*/
game.getScript = (function() {
var cache = {};//內部緩存下url,下次則不請求
return function(url, fn) {
if ("string" === typeof(url)) {
url = [url]; //如果不是數組帶個套
};
var i = 0,//循環(huán)起
ok = 0,//加載成功幾個js
len = url.length,//一共幾個js
head = document.getElementsByTagName("head")[0],
js, _url,
create = function(url) {//創(chuàng)建js
js = document.createElement("script");
js.type = "text/javascript";
js.src = url;
head.appendChild(js);
return js;
};
for (; i < len;) {
if (cache[encodeURIComponent((_url = url[i++]))]) {//如果加載過
(++ok >= len && fn) && fn();//如果加載完所有的js則執(zhí)行回調
continue;
}
cache[encodeURIComponent(_url)] = !0;//設置緩存
js = create(_url);//創(chuàng)建js
fn && (js.onload = function() {
if (++ok >= len) {//如果加載完所有的js則執(zhí)行回調
fn();
}
});
};
head = js = _url = create = null;
return this;
}
})();
【javascript寫的異步加載js文件函數】相關文章：
Javascript函數的定義和用法分析08-15
JavaScript中push(),join() 函數實例詳解09-05
JavaScript日期時間格式化函數08-29
JS AJAX前臺如何給后臺類的函數傳遞參數的方法07-08