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