Wie kann ich eine JavaScript-Funktion nach dem Laden der Seite ausführen?

Question

Wie kann ich eine JavaScript-Funktion nach dem Laden der Seite ausführen?

Answer 1

Verwenden Sie das onload Ereignis wie folgt aus:

window.onload = function(){ 
    // your code here....... 
}; 

Answer 2

Event.observe (window, "onload", yourfunction);

Answer 3

Um Ihre onload-Handler zu erhalten sauber in allen Browsern zu funktionieren:

if (addEventListener in document) { // use W3C standard method 
    document.addEventListener('load', yourFunction, false); 
} else { // fall back to traditional method 
    document.onload = yourFunction; 
} 

Siehe http://www.quirksmode.org/js/events_advanced.html für weitere Einzelheiten

Answer 4

Die meisten JavaScript-Frameworks (z jQuery, Prototype) eine ähnliche Funktionalität wie diese einkapseln.

In jQuery führt die Übergabe einer eigenen Funktion an die Kern-jQuery-Funktion $() dazu, dass Ihre Funktion aufgerufen wird, wenn das DOM der Seite geladen wird. Siehe http://api.jquery.com/jQuery/#jQuery3.

Dies tritt auf, bevor das Ereignis onload ausgelöst wird, da onload auf alle externen Dateien wie Bilder wartet, die heruntergeladen werden sollen. Ihr JavaScript benötigt wahrscheinlich nur das DOM um fertig zu sein; Wenn dies der Fall ist, ist dieser Ansatz besser als Warten auf onload.