Bu blog, JavaScript'te window.onload ve document.onload arasındaki farkı gösterecek.
JavaScript'te window.onload ve Document.onload karşılaştırması
“ pencere.onload ” olayı, tüm sayfanın (kaynakları dahil) yüklenmesi bittiğinde tetiklenir. Bu, sayfanın içeriğine dayanan herhangi bir kodu çalıştırmadan önce sayfanın tamamen yüklendiğinden emin olmak için bu olayı kullanabileceğiniz anlamına gelir.
“ belge.onload ” olayı, window.onload olayına benzer, ancak yalnızca belgenin DOM'sinin (sayfa içeriğinin yapısı) yüklenmesi bittiğinde tetiklenir. Bu, herhangi bir kod çalıştırmadan önce sayfanın içeriğinin tamamen yüklendiğinden ve manipüle edilmeye hazır olduğundan emin olmak için bu olayı kullanabileceğiniz anlamına gelir.
İzlenecek En İyi Yaklaşım Nedir?
Genel olarak, yalnızca kodunuzu çalıştırmadan önce sayfa içeriğinin tamamen yüklendiğinden emin olmanız gerekiyorsa, window.onload yerine bir document.onload kullanmak iyi bir fikirdir. Bunun nedeni, document.onload'ın bir window.onload'dan daha hızlı tetiklenmesidir, bu da kodunuzun performansını artırabilir. Ancak, kodunuzu çalıştırmadan önce sayfa kaynaklarının (resimler ve stil sayfaları gibi) tamamen yüklendiğinden emin olmanız gerekiyorsa, bunun yerine window.onload kullanmalısınız.
JavaScript'te window.onload ve Document.onload Nasıl Kullanılır?
Verilen örnekte, bu olayların herhangi bir kod çalıştırmadan önce belge yükünü ve pencere yükünü nasıl tanımladığını göreceğiz.
Ara ' belge.onload Belgenin bir alert() mesajı kullanılarak yüklendiğini bildiren olay:
belge. aşırı yük = uyarmak ( 'document_onload' ) ;Ara ' pencere.onload ” olayı ve buna bir alert() yönteminin sonuç mesajını atayın:
pencere. aşırı yük = uyarmak ( 'window_onload' ) ;
Gördüğünüz gibi, sayfa yenilendiğinde ilk belge yüklenir ve ardından tüm sayfanın yüklenmesi bittiğinde pencere yükleme yöntemi çağrılır:
JavaScript'teki window.onload ve document.onload olayları bu kadar.
Çözüm
“ pencere.onload ' ve ' belge.onload ”, herhangi bir kod çalıştırılmadan önce tüm sayfanın yüklendiğinden emin olmak için iki JavaScript olayıdır. Document.onload, window.onload'dan daha hızlı çalışır ve bu da kodun performansını artırabilir. Bu blog, JavaScript'te window.onload ve document.onload arasındaki farkı gösterdi.