document.createElement ('script') ... zwei Skripte mit einem Callback hinzufügen

Question

Ich muss einen Prototyp hinzufügen und dann scriptaculous hinzufügen und einen Rückruf erhalten, wenn beide fertig geladen sind. Ich bin Laden zur Zeit Prototyp wie folgt:

var script = document.createElement("script"); 
script.src = "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"; 
script.onload = script.onreadystatechange = callback; 
document.body.appendChild(script); 

ich dies tun könnte, indem die Rückrufe Chaining, aber das scheint wie eine schlechte Praxis (ich will nicht eine dumme Kette von 20 Callback-Methoden, wenn ich mehrere Skripte laden müssen). Ideen?

Answer 1

Ich schlage vor, Sie verwenden einige kleine Loader, die Kette und Sachen für Sie tun. Zum Beispiel wie diese:

function loadScripts(array,callback){ 
    var loader = function(src,handler){ 
     var script = document.createElement("script"); 
     script.src = src; 
     script.onload = script.onreadystatechange = function(){ 
      script.onreadystatechange = script.onload = null; 
      handler(); 
     } 
     var head = document.getElementsByTagName("head")[0]; 
     (head || document.body).appendChild(script); 
    }; 
    (function run(){ 
     if(array.length!=0){ 
      loader(array.shift(), run); 
     }else{ 
      callback && callback(); 
     } 
    })(); 
} 

sollte Dieses Skript helfen, die Script-Tags zu erstellen und auszuführen Ihren Rückruf anrufen, wenn alle Dateien geladen werden. Rufen Sie ist recht einfach:

loadScripts([ 
    "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js", 
    "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" 
],function(){ 
    alert('All things are loaded'); 
}); 

Hope this

Answer 2

Seit scriptaculous Prototyp erfordert helfen wird, um die Zuhörer zu Kette haben wird, mit welchem ​​Verfahren man diese Skripte laden verwenden.

Es gibt verschiedene Skriptladeprogramme, um Skripts parallel zu laden, so schnell wie möglich, z. LABjs, aber keiner wird in diesem Szenario viel helfen.

Wenn Sie 10-20 Skripts laden möchten, würde ich empfehlen, die Skripts zuvor mit einem Tool wie Combiner zu kombinieren.

Answer 3

Aufgrund eines Fehlers im Internet Explorer funktioniert das rekursive Loader-Programm von nemisj im IE nicht korrekt.

function loadScripts(array,callback){ 
    var loader = function(src,handler){ 
     var script = document.createElement("script"); 
     script.src = src; 
     script.onload = script.onreadystatechange = function(){ 
      script.onreadystatechange = script.onload = null; 
      if(/MSIE ([6-9]+\.\d+);/.test(navigator.userAgent))window.setTimeout(function(){handler();},8,this); else handler(); 
     } 
     var head = document.getElementsByTagName("head")[0]; 
     (head || document.body).appendChild(script); 
    }; 
    (function(){ 
     if(array.length!=0){ 
       loader(array.shift(),arguments.callee); 
     }else{ 
       callback && callback(); 
     } 
    })(); 
} 

Dieser kleine Hack tut es, und oft ist die Lösung in IE, wenn ein unerklärliches Problem auftritt, was zu oft ist: durch Setzen einer Verzögerung auf den rekursiven Aufruf wie gelöst werden.