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
- Interfaz
-
UIEvent
- Propagación
-
No
- Cancelable
-
No
- Objetivo
-
Window,Document,Element
- Por defecto Acción
-
None.
Propiedades
Propiedad | Tipo | Descripción |
---|---|---|
target Read only |
|
El objetivo del evento (el objetivo superior en el árbol DOM). |
type Read only |
|
El tipo de evento. |
bubbles Read only |
|
Si el elemento normalmente se propaga (bubbles) o no. |
cancelable Read only |
|
Si el evento es cancelable o no. |
view Read only |
|
(window del documento) |
detail Read only |
long (float ) |
0. |
Especificaciones
Specification |
---|
UI Events # event-type-load |
HTML Standard # delay-the-load-event |