Ovaj će blog pokazati razliku između window.onload i document.onload u JavaScriptu.
window.onload naspram document.onload u JavaScriptu
' prozor.onload ” pokreće se kada se cijela stranica (uključujući njezine resurse) završi s učitavanjem. To znači da možete koristiti ovaj događaj kako biste osigurali da je stranica potpuno učitana prije pokretanja bilo kojeg koda koji se oslanja na sadržaj stranice.
' dokument.onload ” događaj sličan je window.onload, ali se aktivira samo kada se DOM dokumenta (struktura sadržaja stranice) završi s učitavanjem. To znači da možete koristiti ovaj događaj kako biste osigurali da je sadržaj stranice potpuno učitan i spreman za manipulaciju prije pokretanja bilo kakvog koda.
Koji je najbolji pristup za slijediti?
Općenito, dobra je ideja koristiti document.onload umjesto window.onload ako samo trebate osigurati da je sadržaj stranice potpuno učitan prije pokretanja vašeg koda. To je zato što će se document.onload pokrenuti brže od window.onload, što može poboljšati izvedbu vašeg koda. Međutim, ako trebate osigurati da su resursi stranice (kao što su slike i stilske tablice) u potpunosti učitani prije pokretanja koda, tada biste trebali upotrijebiti window.onload umjesto toga.
Kako koristiti window.onload u odnosu na document.onload u JavaScriptu?
U navedenom primjeru vidjet ćemo kako ti događaji identificiraju učitavanje dokumenta i učitavanje prozora prije pokretanja bilo kojeg koda.
Nazovite ' dokument.onload ” događaj koji vas obavještava da je dokument učitan pomoću poruke upozorenja():
dokument. onload = uzbuna ( 'učitavanje_dokumenta' ) ;Nazovite ' prozor.onload ” i dodijelite mu rezultirajuću poruku alert() metode:
prozor. onload = uzbuna ( 'window_onload' ) ;
Kao što vidite, kada se stranica osvježi, učitava se prvi dokument, a zatim se poziva metoda onload prozora kada cijela stranica završi s učitavanjem:
To je sve o događajima window.onload i document.onload u JavaScriptu.
Zaključak
' prozor.onload ' i ' dokument.onload ” su dva JavaScript događaja kako bi se osiguralo da se cijela stranica učitava prije izvršavanja bilo kojeg koda. Dokument.onload pokrenut će se brže od window.onload, što može poboljšati izvedbu koda. Ovaj je blog pokazao razliku između window.onload i document.onload u JavaScriptu.