See ajaveeb näitab erinevust JavaScripti window.onload ja document.onload vahel.
window.onload vs document.onload JavaScriptis
' window.onload ” sündmus käivitatakse, kui kogu leht (sh selle ressursid) on laadimise lõpetanud. See tähendab, et saate seda sündmust kasutada lehe täieliku laadimise tagamiseks enne lehe sisule tugineva koodi käivitamist.
' document.onload ” sündmus sarnaneb failiga window.onload, kuid see käivitub ainult siis, kui dokumendi DOM (lehe sisu struktuur) on laadimise lõpetanud. See tähendab, et saate selle sündmuse abil tagada, et lehe sisu on enne koodi käivitamist täielikult laaditud ja manipuleerimiseks valmis.
Milline on parim lähenemisviis, mida järgida?
Üldiselt on hea idee window.onload asemel kasutada faili document.onload, kui peate enne koodi käivitamist vaid tagama, et lehe sisu on täielikult laaditud. Selle põhjuseks on asjaolu, et document.onload käivitub kiiremini kui fail window.onload, mis võib teie koodi jõudlust parandada. Kui aga peate enne koodi käivitamist veenduma, et lehe ressursid (nt pildid ja laaditabelid) on täielikult laaditud, peaksite selle asemel kasutama faili window.onload.
Kuidas kasutada JavaScriptis window.onload vs document.onload?
Antud näites näeme, kuidas need sündmused tuvastavad dokumendi laadimise ja akna laadimise enne mis tahes koodi käivitamist.
Helistage ' document.onload ” sündmus, mis teavitab teid dokumendi laadimisest hoiatusteate () abil:
dokument. laadimine = hoiatus ( 'document_onload' ) ;Helistage ' window.onload ” sündmus ja määrake sellele meetodi alert() sõnum:
aken. laadimine = hoiatus ( 'window_onload' ) ;
Nagu näete, laaditakse lehe värskendamisel esimene dokument ja seejärel käivitatakse akna laadimise meetod, kui kogu leht on laadinud:
See kõik on seotud sündmuste window.onload ja document.onload JavaScriptis.
Järeldus
' window.onload ” ja „ document.onload ” on kaks JavaScripti sündmust, mis tagavad kogu lehe laadimise enne mis tahes koodi käivitamist. Dokument document.onload käivitub kiiremini kui window.onload, mis võib parandada koodi jõudlust. See ajaveeb demonstreeris JavaScripti window.onload ja document.onload erinevust.