Zwei Javascript-Funktionen ein window.onload = Custom.init; und eine window.onload = function() {

Question

Ich bin mit zwei Funktionen ein von dieser Seite ist http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ und seine Verwendung Funktionsaufruf wie folgt aus:

window.onload = Custom.init; 

und nach, dass ich mit einer anderen Funktionsaufruf wie dies

window.onload = function() {... 

Die zweite tötet zuerst! Wie kann ich am zweiten ändern oder ändern, damit sie zusammenarbeiten können?

Answer 1

window.onload = function() { 
    Custom.init(); 
    // ... 
}; 

Answer 2

Sie müssen Ihre eigene Funktion erstellen, die sie beide aufruft.

window.onload = function(){ 
    Custom.init(); 
    function() { ... } 
} 

Answer 3

für diese Meine Präferenz ist:

loadFunctions = []; 
window.onload = function() {var x; while(x = loadFunctions.shift()) x();}; 

dann statt window.onload der Einstellung, das tue ich:

loadFunctions.push(function() {...}); 

Natürlich, ich kann dies tun, weil ich m keine externen Bibliotheken zu verwenden, die window.onload stören könnten.

EDIT: Wenn Sie nicht die Kontrolle über eine von ihnen haben, könnten Sie dies tun:

var ool = window.onload; 
window.onload = function() { 
    if(ool) ool(); 
    // new code here 
}; 

Answer 4

manuell Custom.init nennen?

window.onload = function() { 
    Custom.init(); 
    //your stuff 
}; 

Answer 5

Wie wäre es mit einem netten kleinen Wrapper für alle onLoad Event-Handler?

window.onLoadHandlers = []; 
window.onLoad = function() { 
    while (window.onLoadHandlers.length) { 
     window.onLoadHandlers.shift()(); 
    } 
}; 

Dann drücken Sie einfach die beiden Funktionen zu diesem Array:

window.onLoadHandlers.push(Custom.init); 
window.onLoadHandlers.push(function() { ... 

Sie obwohl jQuery oder jede andere Bibliothek betrachten kann verwenden, um eine bessere Lösung für diese zur Verfügung stellt.

Answer 6

Verwenden Sie addEventListener/attachEvent. Sie können eine Bibliothek verwenden, die diese abstrahiert, z. B. jQuery:

$(window).load(function() { 
    // run code 
}); 

Dies kann mehrmals mit verschiedenen Funktionen ohne Probleme ausgeführt werden.