Ipapakita ng blog na ito ang pagkakaiba sa pagitan ng window.onload at document.onload sa JavaScript.
window.onload vs document.onload sa JavaScript
Ang ' window.onload Ang kaganapan ay gagana kapag ang buong page (kabilang ang mga mapagkukunan nito) ay tapos nang mag-load. Nangangahulugan ito na magagamit mo ang kaganapang ito upang matiyak na ganap na na-load ang pahina bago patakbuhin ang anumang code na umaasa sa nilalaman ng pahina.
Ang ' dokumento.onload ” na kaganapan ay katulad ng window.onload, ngunit gagana lamang ito kapag natapos na ang pag-load ng DOM ng dokumento (ang istraktura ng nilalaman ng pahina). Ipinapahiwatig nito na magagamit mo ang kaganapang ito upang matiyak na ang nilalaman ng pahina ay ganap na na-load at handang manipulahin bago magpatakbo ng anumang code.
Ano ang Pinakamahusay na Diskarte na Susundan?
Sa pangkalahatan, magandang ideya na gumamit ng document.onload sa halip na window.onload kung kailangan mo lang tiyaking ganap na na-load ang content ng page bago patakbuhin ang iyong code. Ito ay dahil ang document.onload ay gagana nang mas mabilis kaysa sa isang window.onload, na maaaring mapabuti ang pagganap ng iyong code. Gayunpaman, kung kailangan mong tiyakin na ang mga mapagkukunan ng pahina (gaya ng mga larawan at stylesheet) ay ganap na na-load bago patakbuhin ang iyong code, dapat mong gamitin ang window.onload sa halip.
Paano Gamitin ang window.onload vs document.onload sa JavaScript?
Sa ibinigay na halimbawa, makikita natin kung paano tinutukoy ng mga kaganapang ito ang pag-load ng dokumento at pag-load ng window bago magpatakbo ng anumang code.
Tawagin mo ang ' dokumento.onload ” kaganapan na nagpapaalam sa iyo na ang dokumento ay na-load gamit ang alert() na mensahe:
dokumento. onload = alerto ( 'document_onload' ) ;Tawagin mo ang ' window.onload ” kaganapan at italaga ang resultang mensahe ng isang alert() na pamamaraan dito:
bintana. onload = alerto ( 'window_onload' ) ;
Tulad ng nakikita mo, kapag ang pahina ay na-refresh, ang unang dokumento ay na-load, at pagkatapos ay ang window onload na paraan ay ginagamit kapag ang buong pahina ay tapos na sa pag-load:
Iyon lang ang tungkol sa window.onload at document.onload na mga kaganapan sa JavaScript.
Konklusyon
Ang ' window.onload 'at' dokumento.onload ” ay dalawang kaganapan sa JavaScript upang matiyak na naglo-load ang kumpletong pahina bago magsagawa ng anumang code. Ang document.onload ay gagana nang mas mabilis kaysa sa window.onload, na maaaring mapabuti ang pagganap ng code. Ipinakita ng blog na ito ang pagkakaiba sa pagitan ng window.onload at document.onload sa JavaScript.