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