load

Baseline

Ampliamente disponible

Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.

Ver la compatibilidad completa
Más información

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	`String`	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.