load

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Ejemplos

Window

html

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

Elemento `script`

html

<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`	Si el elemento normalmente se propaga (bubbles) o no.
`cancelable` Read only	`Boolean`	Si el evento es cancelable o no.
`view` Read only	`WindowProxy`	`document.defaultView` (`window` del documento)
`detail` Read only	`long` (`float`)	0.

Especificaciones

Specification
UI Events # event-type-load
HTML # delay-the-load-event