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
- 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
| 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". |