Ez a blog bemutatja a különbséget a window.onload és a document.onload között JavaScriptben.
window.onload vs document.onload JavaScriptben
Az ' window.onload ” esemény akkor indul el, amikor a teljes oldal (beleértve az erőforrásokat is) betöltődött. Ez azt jelenti, hogy ezzel az eseménnyel biztosíthatja, hogy az oldal teljesen be legyen töltve, mielőtt bármilyen kódot futtatna, amely az oldal tartalmára támaszkodik.
Az ' document.onload ” esemény hasonló a window.onload eseményhez, de csak akkor indul el, ha a dokumentum DOM-ja (az oldal tartalmának szerkezete) befejeződött. Ez azt jelenti, hogy ezzel az eseménnyel biztosíthatja, hogy az oldal tartalma teljesen betöltve legyen, és készen áll a manipulációra, mielőtt bármilyen kódot futtatna.
Mi a legjobb követési módszer?
Általában jó ötlet a document.onload használata a window.onload helyett, ha csak a kód futtatása előtt kell meggyőződnie arról, hogy az oldal tartalma teljesen be van töltve. Ennek az az oka, hogy a document.onload gyorsabban aktiválódik, mint a window.onload, ami javíthatja a kód teljesítményét. Ha azonban a kód futtatása előtt meg kell győződnie arról, hogy az oldal erőforrásai (például képek és stíluslapok) teljesen be vannak töltve, akkor inkább a window.onload fájlt használja.
Hogyan használható a window.onload vs document.onload a JavaScriptben?
Az adott példában látni fogjuk, hogy ezek az események hogyan azonosítják a dokumentumbetöltést és az ablakbetöltést, mielőtt bármilyen kódot futtatnának.
Hívja a ' document.onload ” esemény, amely egy alert() üzenettel jelzi, hogy a dokumentum betöltődött:
dokumentum. Feltöltés alatt = éber ( 'document_onload' ) ;Hívja a ' window.onload ” eseményt, és rendelje hozzá az alert() metódus eredményül kapott üzenetét:
ablak. Feltöltés alatt = éber ( 'window_onload' ) ;
Amint láthatja, az oldal frissítésekor az első dokumentum betöltődik, majd a teljes oldal betöltése után az ablak betöltési módszere kerül meghívásra:
Ez minden a windows.onload és document.onload eseményekről JavaScriptben.
Következtetés
Az ' window.onload ” és „ document.onload ” két JavaScript-esemény, amelyek biztosítják, hogy a teljes oldal betöltődik-e bármilyen kód végrehajtása előtt. A document.onload gyorsabban fog elindulni, mint a window.onload, ami javíthatja a kód teljesítményét. Ez a blog bemutatta a különbséget a window.onload és a document.onload között JavaScriptben.