Ejemplo
Ejecutar un JavaScript inmediatamente después de una página se ha cargado:
<body onload="myFunction()"> Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El proceso de carga se produce cuando un objeto se ha cargado.
onload es la más utilizada en el <body> elemento para ejecutar un script una vez a la página web se ha cargado completamente todo el contenido (incluyendo imágenes, archivos de comandos, archivos CSS, etc.).
El proceso de carga se puede utilizar para comprobar el tipo de navegador y versión del navegador del visitante, y cargar la versión correcta de la página web en base a la información.
El proceso de carga también se puede utilizar para hacer frente a cookies (ver "More Examples" a continuación).
Soporte del navegador
| Evento | |||||
|---|---|---|---|---|---|
| onload | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onload=function(){ Inténtalo tú mismo " En JavaScript, utilizando el addEventListener() método:
object .addEventListener("load", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | No |
|---|---|
| cancelable: | No |
| Tipo de evento: | UIEvent si generado a partir de una interfaz de usuario, Evento de otra manera. |
| etiquetas HTML admitidas: | <body>, <frame>, <iframe>, <img>, <input type = "imagen">, <link>, <script>, <style> |
| DOM Versión: | Nivel 2 Eventos |
Más ejemplos
Ejemplo
El uso de un proceso de carga de <img> elemento. Alerta "Image is loaded" inmediatamente después de una imagen se ha cargado:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Inténtalo tú mismo " Ejemplo
Utilizando el proceso de carga para hacer frente a las cookies:
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Inténtalo tú mismo " <Objeto de evento