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 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短