vindu.onload vs dokument.onload i JavaScript

I JavaScript, “vindu.på Last”Og“dokument.på Last”Er to hendelser ofte brukt for å sikre at siden er fullastet før du kjører noen kode. Dokumentet.Onbelastningsarrangement finner sted før vinduet.Onload -arrangement når hele HTML -dokumentet har lastet inn, mens vinduet.Onbelastningsarrangement oppstår etterpå når alt på siden har lastet inn, inkludert illustrasjoner.

Denne bloggen vil demonstrere forskjellen mellom vinduet.onload og dokument.onload i JavaScript.

vindu.onload vs dokument.onload i JavaScript

“vindu.på Last”Arrangementet blir avfyrt når hele siden (inkludert ressursene) er ferdig med lasting. Dette betyr at du kan bruke denne hendelsen for å sikre at siden er fullastet før du kjører en kode som er avhengig av sidens innhold.

“dokument.på Last”Arrangementet ligner på vinduet.Onbelastning, men det skyter bare når dokumentets DOM (strukturen til sidens innhold) er ferdig med lasting. Dette betyr at du kan bruke denne hendelsen for å sikre at sidens innhold er fullastet og klar til å bli manipulert før du kjører en kode.

Hva er den beste tilnærmingen å følge?

Generelt er det lurt å bruke et dokument.Onbelastning i stedet for vinduet.Onbelastning hvis du bare trenger å sørge for at sidens innhold er fullt lastet før du kjører koden din. Dette er fordi dokument.Onbelastning vil skyte raskere enn et vindu.onload, som kan forbedre ytelsen til koden din. Imidlertid, hvis du trenger å sikre at sidens ressurser (for eksempel bilder og stilark) er fullastet før du kjører koden din, bør du bruke vinduet.Onload i stedet.

Hvordan bruke vindu.onload vs dokument.onload i JavaScript?

I det gitte eksemplet vil vi se hvordan disse hendelsene identifiserer dokumentbelastningen og vindusbelastningen før du kjører en kode.

Ring "dokument.på Last”Hendelse som informerer deg om at dokumentet lastes inn ved hjelp av en Alert () -melding:

dokument.onload = Alert ("Document_onload");

Ring "vindu.på Last”Hendelse og tilordne den resulterende meldingen fra en varsel () -metode til den:

vindu.onload = Alert ("windows_onload");

Som du kan se, når siden er oppdatert, blir det første dokumentet lastet, og deretter påkalt vinduet Onload -metoden når hele siden er ferdig med lasting:

Det handler om vinduet.onload og dokument.onload -arrangementer i JavaScript.

Konklusjon

“vindu.på Last”Og“dokument.på Last”Er to JavaScript -hendelser for å sikre at den komplette siden lastes inn før du utfører en kode. Dokumentet.onload vil skyte raskere enn vinduet.onload, som kan forbedre ytelsen til koden. Denne bloggen demonstrerte forskjellen mellom vinduet.onload og dokument.onload i JavaScript.