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程序设计有所帮助。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下