Ejemplo
Ejecutar un JavaScript inmediatamente después de una página se ha cargado:
<body onload="myFunction()"> Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El onload de atributos de un objeto se activa cuando 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.). Sin embargo, se puede utilizar en otros elementos, así (ver "etiquetas HTML admitidas" más abajo).
El onload atributo 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 onload atributo también se puede utilizar para hacer frente a las cookies (ver "Más ejemplos" más abajo).
Soporte para el navegador
| Atributo evento | |||||
|---|---|---|---|---|---|
| onload | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
Ninguna.
Sintaxis
<elementonload=" script ">
Los valores de atributo
| Valor | Descripción |
|---|---|
| script | La secuencia de comandos para ejecutar en proceso de carga |
Detalles técnicos
| etiquetas HTML compatibles: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> y <style> |
|---|
Más ejemplos
Ejemplo
El uso de un proceso de carga de <img> elemento. Alerta "Imagen se carga" inmediatamente después de una imagen se ha cargado:
<img src="w3html.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 cookies (usando "advanced" javascript):
<body onload="checkCookies()">
<p id="demo"></p>
<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 " Páginas relacionadas
Referencia HTML DOM: proceso de carga