DOM In attesa del caricamento del documento

Esempio

Uno degli eventi più comunemente utilizzati è l'attesa del caricamento del documento, inclusi sia i file di script che le immagini. Per questo viene utilizzato l'evento load sul document .

document.addEventListener('load', function() {
   console.log("Everything has now loaded!");
});

A volte si tenta di accedere a un oggetto DOM prima che venga caricato, causando puntatori nulli. Questi sono davvero difficili da eseguire il debug. Per evitare questo, utilizzare invece l'evento DOMContentLoaded document . DOMContentLoaded assicura che il contenuto HTML sia stato caricato e inizializzato senza attendere altre risorse esterne.

document.addEventListener('DOMContentLoaded', function() {
   console.log("The document contents are now available!");
});