DOMContentLoaded event

L'evento DOMContentLoaded si attiva quando il documento HTML iniziale è stato completamente caricato e analizzato, senza attendere che i fogli di stile, le immagini e i sottoframe finiscano di caricarsi.

Bubbling Sì
Cancellabile Sì (anche se specificato come evento semplice che non è cancellabile)
Interfaccia Event
Proprietà dell'handler Nessuna

L'obiettivo originale per questo evento è il Document che è stato caricato. È possibile ascoltare questo evento nell'interfaccia Window per gestirlo nelle fasi di capturing o bubbling. Per i dettagli completi su questo evento, consulta la pagina sull'evento Document: DOMContentLoaded.

Un evento diverso, load, dovrebbe essere utilizzato solo per rilevare una pagina completamente caricata. È un errore comune utilizzare load dove DOMContentLoaded sarebbe più appropriato.

Esempi

Utilizzo di base

document.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM completamente caricato e analizzato');
});

Specifiche

Specifica Stato
HTML Living Standard Living Standard

Compatibilità con i browser

BCD tables only load in the browser

Vedi anche