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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Vedi anche
- Eventi correlati:
load
,readystatechange
,beforeunload
,unload
- Questo evento su
Document
destinato a:DOMContentLoaded