sayfa tamamen yüklendikten sonra işlevi yürütme

Sayfa yüklendikten sonra bazı ifadeleri çalıştırmak için aşağıdaki kodu kullanıyorum.

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

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

Ancak bu kod düzgün çalışmıyor. Bazı resimler veya öğeler yükleniyor olsa bile işlev çağrılır. İstediğim şey, fonksiyonun sayfa tamamen yüklendiğinde çağrılması.

T.Todua
Edited question 2018ööp34öö10 Kasım 2018 в 10:34
Programlama
image javascript html
2012ösp52ös14 Ağustos 2012 в 2:52
6 görünümler

Bu işinize yarayabilir:

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

veya eğer jquery ile rahatsanız,

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

$(document).ready()` DOMContentLoaded üzerinde ateşleniyor, ancak bu olay tarayıcılar arasında tutarlı bir şekilde ateşlenmiyor. Bu nedenle jQuery büyük olasılıkla tüm tarayıcıları desteklemek için bazı ağır geçici çözümler uygulayacaktır. Ve bu, düz Javascript kullanarak davranışı "tam" olarak simüle etmeyi çok zorlaştıracaktır (ancak elbette imkansız değildir).

Jeffrey Sweeney ve J Torres'in önerdiği gibi, aşağıdaki gibi işlevi ateşlemeden önce bir setTimeout işlevine sahip olmanın daha iyi olduğunu düşünüyorum:

setTimeout(function(){
 //your code here
}, 3000);
Subodh Joshi
Edited answer 2015ööp43öö4 Ekim 2015 в 4:43
Yorumlar (11)

Eğer jQuery kullanabiliyorsanız, load adresine bakın. Daha sonra işlevinizi, öğenizin yüklenmesi bittikten sonra çalışacak şekilde ayarlayabilirsiniz.

Örneğin, basit bir görsel içeren bir sayfa düşünün:

![Book](book.png)

Olay işleyici görüntüye bağlanabilir:

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

Geçerli penceredeki tüm öğelerin yüklenmesini istiyorsanız

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

Bunu deneyin jQuery:

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