Forskjell mellom vinduet.onload og $.klar
“vindu.på Last" og "$ (dokument).klar()”Brukes til å utføre JavaScript -kode når siden er ferdig med lasting, men hovedforskjellen er når de kjøres og hvordan de brukes. "vindu.Onload ”venter på at alle eiendeler på siden skal fullføre lasting, inkludert bilder og andre eksterne ressurser, mens“ $ (dokument).klar () ”venter på at DOM er fullastet, men venter ikke på at eksterne ressurser som bilder skal fullføre lasting.
Dette innlegget vil definere forskjellen/variasjonene mellom “Window.onload ”og“ $ (dokumentet).klar()".
Forskjell mellom “vindu.onload ”og“ $ (dokument).klar()"
“vindu.på Last”Og“$ (dokument).klar()”Er forskjellige når det gjelder å utføre JavaScript -kode når siden er ferdig. Følgende er nøkkelvariasjonene mellom disse to:
| "vindu.på Last" | “$ (Dokument).klar()" |
| "vindu.onload ”er et innebygd JavaScript-arrangement. | “$ (Dokument).klar () ”er spesifikk for jQuery -biblioteket. |
| Det venter til alle sidens eiendeler er ferdige med lasting. | Det venter på at DOM er fullastet, men venter ikke på eksterne ressurser. |
| Det kan forårsake tregere sidelasttider hvis tunge ressurser lastes inn. | Raskere, da det ikke venter på at alle ressurser blir lastet. |
| Bare en funksjon kan tildeles. | Flere funksjoner kan tildeles og utføres i orden. |
| Kompatibel med alle nettlesere. | Krever jQuery -bibliotek. |
| Anbefales ikke å knytte hendelseslyttere, da det kan forårsake ytelsesproblemer. | Anbefales for å knytte lyttere til DOM -elementer. |
Hvordan bruke “vinduet.onload () ”metode i JavaScript?
“vindu.på Last()”Metoden brukes ofte i JavaScript for å utføre handlinger eller utføre kode etter at siden er ferdig med lasting.
Syntaks
Følgende syntaks brukes til JavaScript “-vinduet.onload ”-metode:
vindu.onload = funksjon ()
// kode
;
Eller du kan også bruke det som:
funksjon funcname ()
// kode
vindu.onload = funcname ();
Eksempel
Ring “Vinduet.onload ”-hendelse med en funksjon”Lasting ()”For å vise en varsel () -melding på siden Load:
vindu.onload = funksjon Loading ()
Varsel ("Side er vellykket lastet");
;
Utgangen indikerer at funksjonen på Onload -hendelsen vises etter lastingsside:
Hvordan bruke “$ (dokument).klar () ”-funksjon i JavaScript?
“$ (dokument).klar()”Funksjon er en viktig del av jQuery -biblioteket. Den utfører JavaScript -kode så snart DOM er forberedt på manipulasjon etter at dokumentet er lastet inn i nettleseren.
Syntaks
Bruk den gitte syntaks for klar () -funksjonen:
$ (dokument).klar (funksjon ()
// kode
);
Eksempel
For å bruke “$ (dokumentet).klar () ”-funksjon, legg først til jQuery -biblioteket i taggen:
Ring den klare funksjonen for å vise en varslingsmelding mens DOM er klar til å manipulere:
$ (dokument).klar (funksjon ()
Varsel ("Side er vellykket lastet");
);
Produksjon
Det handler om “vinduet.onload ”og“ $ (dokument).klar () ”-funksjon i JavaScript.
Konklusjon
“vindu.på Last”Er et JavaScript”begivenhet" mens "$ (dokument).klar()" er en "funksjon”Spesifikt for jQuery -biblioteket. Begge brukes til å utføre JavaScript -kode når siden er ferdig med lasting. Den viktigste skillet/variasjonen mellom disse to er at “vinduet.onload ”venter på å laste alle eiendeler på siden for å fullføre lasting. Mens “$ (dokumentet).klar () ”venter på at DOM er fullastet, men venter ikke på eksterne ressurser. Dette innlegget beskrev forskjellen mellom “Window.onload ”og“ $ (dokumentet).klar () ”i JavaScript og bruken av det med eksempler.