Hva er vinduet Onload -arrangementet i JavaScript?

Med de nye fremskrittene innen webutvikling utvikler JavaScript til og med seg i forskjellige rammer, noe som gjør livet enkelt for utviklere. Å snakke om bruken av bruken, og nå er mange kjente nettsteder bygget på JavaScript som skildrer hvor pålitelig dette språket er.

JavaScript har et vindu -pålastingshendelse for å starte visse funksjoner når en webside er lastet inn. Onbelastningsarrangementet brukes også til verifisering av type og versjon av besøkende nettleser. Ytterligere informasjonskapsler kan også sjekkes gjennom attributtet på last.

Attributtet til Onload utløser når objektet er lastet i HTML. Dette er for å starte skriptet når det tilhørende elementet laster. Med enklere ord kan vi si at vinduet Onload -hendelsen utløses når en webside blir lansert med hell.

Onload -hendelse brukes med til å kjøre et skript når det er stoffet (som inkluderer CSS -filer, bilder og skript) på siden utløses fullstendig. Imidlertid trenger du ikke alltid en tag. Det kan brukes med andre HTML -elementer.

Nedlastingen.Onload lanseres før bildene og det eksterne innholdet, utløst rett før vinduet.på Last. Mens vindu.Onload starter etter at siden er fullstendig lastet inkludert CSS, skriptfiler, bilder og mange flere.

Hvis du vil manipulere belastningshendelse i JavaScript, må du registrere hendelseslytter gjennom metoden for AddEventListener () som vist i eksemplet nedenfor:

vindu.AddEventListener ('Last', (hendelse) =>
konsoll.logg (side lastet);
);

Du kan også håndtere lasthendelsen gjennom egenskapen til vindusobjektet i.e. på Last. Eksemplet nedenfor viser hvordan du bruker eiendom på last:

vindu.onload = (hendelse) =>
konsoll.logg ('side lastet');
;

Vindu.Onload -arrangement i hoveddelen av HTML

Først av alt skal vi presentere et enkelt eksempel på et vindu.Onload -arrangement. I dette eksemplet viser vi ganske enkelt en varslingsmelding når en side er lastet inn.

Syntaks

vindu.onload = funksjonsnavn ();

Eksempel

Produksjon

Onload -arrangement i kroppsdelen av HTML

Innhold kan vises i kroppsdelen av HTML. Hver gang websiden er lastet, blir hendelsen som skjedde på den tiden kåret til Onload -arrangementet. Vi kan bruke onload -hendelsen i kroppsdelen slik at vi kan utføre skriptet.

Syntaks

Eksempel

Hvis du vil bruke en onload -hendelse i kroppsseksjonen, kjører du følgende kode.

Produksjon

Window Onload -arrangement i kroppsdelen av HTML

Objektet med vinduet på last representerer vinduet i nettleseren. Hver gang alle operasjonene er fullstendig lastet, så lastet eiendomsprosesser belastningshendelsen. Funksjonen som vi ønsker å utføre, er tildelt forbehandlerfunksjonen til egenskapen Onload. Hver gang websiden blir lastet, blir funksjonen utført. Vi har gitt deg et eksempel nedenfor.

Syntaks

vindu.onload = funksjonsfunksjonsnavn ()
// skrivefunksjon her

Eksempel

Hva er Window Onload -arrangement i JavaScript?

Skript utført. Nå kan du sjekke konsollen din for å se utdataene.

Produksjon

Utgang av konsoll

Hvis du vil se utgangen fra konsollen, må du åpne Devtool ved å trykke på snarveisnøklene i.e. Ctrl+ Shift+ I. Etter å ha åpnet DevTool, vil du kunne se konsollens utgangsskjerm som vist nedenfor.

Konklusjon

Vi har lært om hvilket vindu.Onload () -arrangementet er og lærte også syntaks for Onload -arrangementet. Vi diskuterte kort flere metoder for hvordan du skriver onload -hendelser i JavaScript sammen med et eksempel. Å gjenskape, vindu.Onload () Event triggere etter at websiden er lastet inn. Vi ser også at Onload -hendelsen er nyttig for å angi versjonen av nettlesere og også brukes til å observere informasjonskapslene på en webside.