javascript带回调函数的异步脚本载入方法实例分析
本文实例讲述了javascript带回调函数的异步脚本载入方法。分享给大家供大家参考。具体实现方法如下：
varLoader=function(){}
Loader.prototype={
require:function(scripts,callback){
this.loadCount=0;
this.totalRequired=scripts.length;
this.callback=callback;
for(vari=0;i<scripts.length;i++){
this.writeScript(scripts[i]);
}
},
loaded:function(evt){
this.loadCount++;
if(this.loadCount==this.totalRequired&&typeofthis.callback=='function')this.callback.call();
},
writeScript:function(src){
varself=this;
vars=document.createElement('script');
s.type="text/javascript";
s.async=true;
s.src=src;
s.addEventListener('load',function(e){self.loaded(e);},false);
varhead=document.getElementsByTagName('head')[0];
head.appendChild(s);
}
}
用法演示
varl=newLoader();
l.require([
"example-script-1.js",
"example-script-2.js"],
function(){
//Callback
console.log('AllScriptsLoaded');
});
希望本文所述对大家的javascript程序设计有所帮助。
热门推荐
10 除夕祝福语简短创意牛年
11 祝福语同事结婚快乐简短
12 CAD考试祝福语毕业简短
13 员工聚餐中秋祝福语简短
14 送同学的简短祝福语
15 新年祝福语创意简短霸气
16 迎接新年祝福语简短霸气
17 转给爱人红包祝福语简短
18 自己生日祝福语段子简短