Dacă dorești să execuți un script JavaScript doar după ce pagina web s-a descărcat în totalitate, ai la dispoziție mai multe metode. Poți apela la jQuery pentru execuție la încărcare sau poți utiliza evenimentul nativ window.onload.
Evenimentul window.onload este declanșat în momentul în care întregul document a fost complet încărcat, incluzând toate resursele asociate: imagini, foi de stil (CSS) și cadre externe.
Exemplu clasic de utilizare
În exemplul de mai jos este definită funcția init_start(), care este atribuită proprietății window.onload. În momentul finalizării încărcării ferestrei, această funcție va rula automat:
[javascript]
function init_start() {
// Codul care se executa dupa incarcarea completa a paginii
console.log(„Pagina a fost incarcata complet.”);
}
window.onload = init_start;
[/javascript]
De asemenea, poți defini logica dorită direct printr-o funcție anonimă:
[javascript]
window.onload = function() {
// Instructiuni rulate la incarcare
};
[/javascript]
Recomandare: utilizarea addEventListener
Deoarece atribuirea directă la window.onload suprascrie orice alt handler definit anterior, în dezvoltarea modernă este preferată metoda window.addEventListener(), permițând înregistrarea mai multor funcții pentru același eveniment:
[javascript]
window.addEventListener(„load”, function() {
// Cod executat la incarcarea completa
});
[/javascript]
