Comment puis-je exécuter une fonction JavaScript une fois le chargement de la page terminé?

Question

Comment puis-je exécuter une fonction JavaScript une fois le chargement de la page terminé?

Answer 1

Utilisez l'événement onload comme ceci:

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

Answer 2

Event.observe (fenêtre, "onload", yourFunction);

Answer 3

Pour obtenir votre gestionnaire onload pour travailler proprement dans tous les navigateurs:

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

Voir http://www.quirksmode.org/js/events_advanced.html pour plus de détails

Answer 4

La plupart des cadres JavaScript (par exemple jQuery, Prototype) encapsuler des fonctionnalités similaires à ce sujet. Par exemple, dans jQuery, en passant votre propre fonction à la fonction jQuery principale $(), votre fonction est appelée lorsque le DOM de la page est chargé. Voir http://api.jquery.com/jQuery/#jQuery3.

Cela se produit avant que l'événement onload ne se déclenche, car onload attend que tous les fichiers externes, tels que les images, soient téléchargés. Votre JavaScript n'a probablement besoin que du DOM pour être prêt; Si oui, cette approche est préférable à attendre onload.