Atributo de evento de carga HTML

❮ Atributos de eventos 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