executați funcția după încărcarea completă a paginii

Folosesc următorul cod pentru a executa câteva declarații după încărcarea paginii.

 <script type="text/javascript">
    window.onload = function () { 

        newInvite();
        document.ag.src="b.jpg";
    }
</script>

Dar acest cod nu funcționează corect. Funcția este apelată chiar dacă unele imagini sau elemente se încarcă. Ceea ce vreau este să chem funcția atunci când pagina este încărcată complet.

acest lucru poate funcționa pentru tine:

document.addEventListener('DOMContentLoaded', function() {
   // your code here
}, false);

sau dacă vă simțiți confortabil cu jquery,

$(document).ready(function(){
// your code
});

$(document).ready() se declanșează la DOMContentLoaded, dar acest eveniment nu este declanșat în mod consecvent între browsere. Acesta este motivul pentru care jQuery va implementa, cel mai probabil, unele soluții grele pentru a sprijini toate browserele. Iar acest lucru va face foarte dificilă simularea "exact" comportamentului folosind simplu Javascript (dar nu imposibil, desigur).

așa cum au sugerat Jeffrey Sweeney și J Torres, cred că este mai bine să aveți o funcție setTimeout, înainte de a lansa funcția, ca mai jos:

setTimeout(function(){
 //your code here
}, 3000);
Comentarii (11)

Dacă puteți utiliza jQuery, uitați-vă la load. Apoi, ați putea seta funcția dvs. să ruleze după ce elementul dvs. se termină de încărcat.

De exemplu, luați în considerare o pagină cu o imagine simplă:

![Book](book.png)

Manipulatorul de evenimente poate fi legat de imagine:

$('#book').load(function() {
  // Handler for .load() called.
});

Dacă aveți nevoie ca toate elementele din fereastra curentă să se încarce, puteți utiliza

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

Încercați acest lucru jQuery:

$(function() {
 // Handler for .ready() called.
});
Comentarii (1)