Den här bloggen kommer att visa skillnaden mellan window.onload och document.onload i JavaScript.
window.onload vs document.onload i JavaScript
den ' window.onload ” händelsen aktiveras när hela sidan (inklusive dess resurser) har laddats färdigt. Det betyder att du kan använda denna händelse för att säkerställa att sidan är fulladdad innan du kör någon kod som är beroende av sidans innehåll.
den ' document.onload ”-händelsen liknar window.onload, men den aktiveras först när dokumentets DOM (strukturen på sidans innehåll) har laddats färdigt. Detta betyder att du kan använda denna händelse för att säkerställa att sidans innehåll är fulladdat och redo att manipuleras innan någon kod körs.
Vilken är den bästa metoden att följa?
I allmänhet är det en bra idé att använda en document.onload istället för window.onload om du bara behöver se till att sidans innehåll är helt laddat innan du kör din kod. Detta beror på att document.onload kommer att starta snabbare än en window.onload, vilket kan förbättra prestandan för din kod. Men om du behöver se till att sidans resurser (som bilder och stilmallar) är helt laddade innan du kör din kod, bör du istället använda window.onload.
Hur man använder window.onload vs document.onload i JavaScript?
I det givna exemplet kommer vi att se hur dessa händelser identifierar dokumentladdningen och fönsterladdningen innan någon kod körs.
Ring ' document.onload ”-händelse som informerar dig om att dokumentet laddas med ett alert()-meddelande:
dokumentera. ladda = varna ( 'document_onload' ) ;Ring ' window.onload ”-händelse och tilldela det resulterande meddelandet från en alert()-metod till den:
fönster. ladda = varna ( 'window_onload' ) ;
Som du kan se, när sidan uppdateras, laddas det första dokumentet, och sedan anropas metoden för fönsterladdning när hela sidan har laddats klart:
Det handlar om händelserna window.onload och document.onload i JavaScript.
Slutsats
den ' window.onload ' och ' document.onload ” är två JavaScript-händelser för att se till att hela sidan laddas innan någon kod körs. Document.onload kommer att starta snabbare än window.onload, vilket kan förbättra kodens prestanda. Den här bloggen visade skillnaden mellan window.onload och document.onload i JavaScript.