L'evento load si attiva quando una risorsa e le sue risorse dipendenti hanno completato il caricamento.

Esempi

Window

<script>
  window.addEventListener("load", function(event) {
    console.log("Tutte le risorse hanno terminato il caricamento!");
  });
</script>

L'elemento script

<script>
  var script = document.createElement("script");
  script.addEventListener("load", function(event) {
    console.log("Lo script ha terminato il caricamento e l'esecuzione");
  });
  script.src = "http://example.com/example.js";
  script.async = true;
  document.getElementsByTagName("script")[0].parentNode.appendChild(script);
</script>

Info generali

Specifica
DOM L3
Interfaccia
UIEvent
Bubbles
No
Cancelable
No
Target
Window, Document, Element
Azione predefinita
Nessuna.

Proprietà

Proprietà Tipo Descrizione
target Read only EventTarget Il target dell'evento (l'obiettivo più in alto nell'albero del DOM).
type Read only DOMString Il tipo di evento.
bubbles Read only Boolean Se l'evento normalmente bolle o no.
cancelable Read only Boolean Se l'evento è cancellabile o meno.
view Read only WindowProxy document.defaultView (window del documento)
detail Read only long (float) 0

Specifiche

Specifica Stato Commento
UI Events
The definition of 'load' in that specification.
Working Draft  
HTML Living Standard
The definition of 'Load event' in that specification.
Living Standard Questo collega alla sezione nei passaggi che vengono eseguiti alla fine del caricamento di un documento. gli eventi di "caricamento" vengono attivati anche a molti elementi. E nota che ci sono molti punti nelle specifiche che fanno riferimento a cose che possono "ritardare l'evento load".

Eventi correlati

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: mdnwebdocs-bot, IsibisiDev, sickDevelopers, fscholz, lucamemma
Ultima modifica di: mdnwebdocs-bot,