Acest blog va demonstra diferența dintre window.onload și document.onload în JavaScript.
window.onload vs document.onload în JavaScript
„ fereastră.încărcare ” evenimentul este declanșat când întreaga pagină (inclusiv resursele acesteia) s-a terminat de încărcat. Aceasta înseamnă că puteți utiliza acest eveniment pentru a vă asigura că pagina este complet încărcată înainte de a rula orice cod care se bazează pe conținutul paginii.
„ document.încărcare ” evenimentul este similar cu window.onload, dar se declanșează numai când DOM-ul documentului (structura conținutului paginii) s-a terminat de încărcat. Acest lucru înseamnă că puteți utiliza acest eveniment pentru a vă asigura că conținutul paginii este complet încărcat și gata pentru a fi manipulat înainte de a rula orice cod.
Care este cea mai bună abordare de urmat?
În general, este o idee bună să utilizați un document.onload în loc de window.onload dacă trebuie doar să vă asigurați că conținutul paginii este încărcat complet înainte de a rula codul. Acest lucru se datorează faptului că document.onload se va declanșa mai repede decât un window.onload, ceea ce poate îmbunătăți performanța codului dvs. Cu toate acestea, dacă trebuie să vă asigurați că resursele paginii (cum ar fi imaginile și foile de stil) sunt încărcate complet înainte de a rula codul, atunci ar trebui să utilizați window.onload.
Cum se utilizează window.onload vs document.onload în JavaScript?
În exemplul dat, vom vedea cum aceste evenimente identifică încărcarea documentului și încărcarea ferestrei înainte de a rula orice cod.
Suna ' document.încărcare ” eveniment care vă informează că documentul este încărcat folosind un mesaj alert():
document. onload = alerta ( 'document_onload' ) ;Suna ' fereastră.încărcare ” eveniment și atribuiți-i mesajul rezultat al unei metode alert():
fereastră. onload = alerta ( 'window_onload' ) ;
După cum puteți vedea, când pagina este reîmprospătată, primul document este încărcat, iar apoi metoda de încărcare a ferestrei este invocată când întreaga pagină s-a terminat de încărcat:
Acesta este totul despre evenimentele window.onload și document.onload în JavaScript.
Concluzie
„ fereastră.încărcare ' și ' document.încărcare ” sunt două evenimente JavaScript pentru a vă asigura că pagina completă se încarcă înainte de a executa orice cod. Document.onload se va declanșa mai repede decât window.onload, ceea ce poate îmbunătăți performanța codului. Acest blog a demonstrat diferența dintre window.onload și document.onload în JavaScript.