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