load

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 (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

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

Eventos relacionados