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).
Para los elementos de entrada, el onload atributo sólo se admite cuando <input type="image">
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.
Se aplica a
El onload atributo es parte de los atributos de los eventos , y se puede utilizar en los siguientes elementos:
| Elementos |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
Ejemplos
Body Ejemplo
Ejecutar un JavaScript inmediatamente después de una página se ha cargado:
<body onload="myFunction()"> Inténtalo tú mismo " Img 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 " Soporte para el navegador
El onload atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| body | Sí | Sí | Sí | Sí | Sí |
| iframe | Sí | Sí | Sí | Sí | Sí |
| img | Sí | Sí | Sí | Sí | Sí |
| link | Sí | Sí | Sí | Sí | Sí |
| script | Sí | Sí | Sí | Sí | Sí |
| style | Sí | Sí | Sí | Sí | Sí |