Atributo de carga HTML
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).
Para los elementos de entrada, el atributo onload solo se admite cuando <input type="image">
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.
Se aplica a
El atributo onload es parte de los Atributos de evento y se puede usar en los siguientes elementos:
| Elementos |
|---|
| <cuerpo> |
| <iframe> |
| <img> |
| <entrada> |
| <enlace> |
| <script> |
| <estilo> |
Ejemplos
Ejemplo de cuerpo
Ejecute un JavaScript inmediatamente después de que se haya cargado una página:
<body onload="myFunction()">
Ejemplo de imagen
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 de entrada
Usando onload en un elemento <input type="image">. Alerta "La imagen está cargada" inmediatamente después de que se haya cargado una imagen:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Compatibilidad con navegador
El onloadatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |