load

El evento load se dispara cuando un recurso y sus recursos dependientes han terminado de cargar.

 

Ejemplos

Window

<script>
  window.addEventListener("load", function(event) {
    console.log("'Todos los recursos terminaron de cargar!");
  });
</script>

Elemento script

<script>
  var script = document.createElement("script");
  script.addEventListener("load", function(event) {
    console.log("Script termin贸 de cargarse y ejecutarse");
  });
  script.src = "http://example.com/example.js";
  script.async = true;
  document.getElementsByTagName("script")[0].parentNode.appendChild(script);
</script>

Informaci贸n general

Especificaci贸n
DOM L3
Interfaz
UIEvent
Propagaci贸n
No
Cancelable
No
Objetivo
Window,Document,Element
Por defecto Acci贸n
None.

Propiedades

Propiedad Tipo Descripci贸n
target Read only EventTarget El objetivo del evento (el objetivo superior en el 谩rbol DOM).
type Read only DOMString El tipo de evento.
bubbles Read only Boolean (en-US) Si el elemento normalmente se propaga (bubbles) o no.
cancelable Read only Boolean (en-US) Si el evento es cancelable o no.
view Read only WindowProxy document.defaultView (window del documento)
detail Read only long (float) 0.

Especificaciones

Especificaci贸n Estado Comentario
UI Events
La definici贸n de 'load' en esta especificaci贸n.
Working Draft  
HTML Living Standard
La definici贸n de 'Load event' en esta especificaci贸n.
Living Standard Esto enlaza con la secci贸n en los pasos que se llevan a cabo al final de cargar un documento. Los eventos 'load' tambi茅n se disparan a muchos elementos. Y tenga en cuenta que hay muchos lugares en la especificaci贸n que hacen referencia a cosas que pueden "retrasar el evento de carga".

Eventos relacionados