logo

Jak zkontrolovat, zda je dokument připraven pomocí JavaScriptu

Chcete-li zkontrolovat, zda je dokument připraven, a spustit nějaký kód, můžete do DOMContentLoaded přidat obsluhu události událost document objekt.

DOMContentLoaded událost se spustí, když je původní dokument HTML plně načten a analyzován, bez čekání na dokončení načítání šablon stylů, obrázků a podrámců.

// Define event handler
const handler = (e) => {
    console.log(`Document is ready!`);
};

// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', handler);

Pokud nemáte zájem znovu použít funkci obsluhy události, stačí ji nahradit anonymní funkcí, jak je uvedeno níže:

// Listen for `DOMContentLoaded` event
document.addEventListener('DOMContentLoaded', (e) => {
    console.log(`Document is ready!`);
});

DOMContentLoaded událost funguje ve všech moderních prohlížečích, včetně IE9 a vyšších.