Tento blog ukáže rozdíl mezi window.onload a document.onload v JavaScriptu.
window.onload vs document.onload v JavaScriptu
' okno.načtení ” událost se spustí, když se dokončí načítání celé stránky (včetně jejích zdrojů). To znamená, že tuto událost můžete použít k zajištění úplného načtení stránky před spuštěním jakéhokoli kódu, který závisí na obsahu stránky.
' dokument.načíst ” je podobná události window.onload, ale spustí se pouze tehdy, když se dokončí načítání DOM dokumentu (struktura obsahu stránky). To znamená, že tuto událost můžete použít k zajištění toho, aby byl obsah stránky plně načten a připraven k manipulaci před spuštěním jakéhokoli kódu.
Jaký je nejlepší přístup?
Obecně je dobré použít document.onload místo window.onload, pokud potřebujete pouze zajistit, aby byl obsah stránky plně načten před spuštěním kódu. Je to proto, že document.onload se spustí rychleji než window.onload, což může zlepšit výkon vašeho kódu. Pokud však potřebujete zajistit, aby byly zdroje stránky (jako jsou obrázky a šablony stylů) před spuštěním kódu plně načteny, měli byste místo toho použít window.onload.
Jak používat window.onload vs document.onload v JavaScriptu?
V uvedeném příkladu uvidíme, jak tyto události identifikují načtení dokumentu a načtení okna před spuštěním jakéhokoli kódu.
Zavolej ' dokument.načíst ” událost, která vás informuje o načtení dokumentu pomocí zprávy alert():
dokument. načíst = upozornění ( 'document_onload' ) ;Zavolej ' okno.načtení ” a přiřaďte k ní výslednou zprávu metody alert():
okno. načíst = upozornění ( 'window_onload' ) ;
Jak můžete vidět, když se stránka obnoví, načte se první dokument a poté se po načtení celé stránky spustí metoda onload okna:
To je vše o událostech window.onload a document.onload v JavaScriptu.
Závěr
' okno.načtení ' a ' dokument.načíst ” jsou dvě události JavaScriptu, které zajistí, že se před spuštěním jakéhokoli kódu načte celá stránka. Document.onload se spustí rychleji než window.onload, což může zlepšit výkon kódu. Tento blog demonstroval rozdíl mezi window.onload a document.onload v JavaScriptu.