Atributo de evento de carga HTML
Ejemplo
Ejecute un JavaScript inmediatamente después de que se haya cargado una página:
<body onload="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El atributo onload se activa cuando se ha cargado un objeto.
onload se usa con mayor frecuencia dentro del elemento <body> para ejecutar un script una vez que una página web ha cargado completamente todo el contenido (incluidas imágenes, archivos de script, archivos CSS, etc.). Sin embargo, también se puede usar en otros elementos (consulte "Etiquetas HTML admitidas" a continuación).
El atributo onload se puede usar para verificar el tipo de navegador y la versión del navegador del visitante, y cargar la versión adecuada de la página web según la información.
El atributo onload también se puede usar para tratar con cookies (consulte "Más ejemplos" a continuación).
Compatibilidad con navegador
Event Attribute | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<element onload="script">
Valores de atributos
Value | Description |
---|---|
script | The script to be run on onload |
Detalles técnicos
Etiquetas HTML compatibles: | <cuerpo>, <marco>, <conjunto de marcos>, <iframe>, <img>, <tipo de entrada="imagen">, <enlace>, <script> y <estilo> |
---|
Más ejemplos
Ejemplo
Usando onload en un elemento <img>. Alerta "La imagen está cargada" inmediatamente después de que se haya cargado una imagen:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Ejemplo
Usando el evento onload para tratar con cookies (usando javascript "avanzado"):
<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>
páginas relacionadas
Referencia HTML DOM: evento onload
❮ Atributos de eventos HTML