 |
Evento onLoad()
Con el evento onload podemos ejecutar acciones justo cuando se han terminado de cargar todos los elementos de la página. El evento onload de Javascript se activa cuando se termina de cargar la página. Se ha de colocar en la etiqueta <body>, aunque en versiones modernas de Javascript, también lo aceptan otros elementos como las imágenes.
Con el evento onload podemos ejecutar acciones justo cuando se han terminado de cargar todos los elementos de la página. Es un evento bastante utilizado pues es muy habitual que se deseen llevar a cabo acciones en ese preciso instante. En nuestro ejemplo vamos a ver cómo podríamos hacer un script para motivar a nuestros visitantes a que nos voten en un ranking cualquiera de páginas web.
La idea es que la página se cargue entera y, una vez esté cargada, aparezca una ventana de Javascript donde se proponga al visitante votar a la página. Es interesante esperar a que termine de cargar la página entera para que el visitante pueda ver la web que se propone votar, antes de que realmente le pidamos su voto.
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.). El evento onload se puede utilizar para verificar el tipo de navegador del visitante y la versión del navegador, y cargar la versión adecuada de la página web en función de la información.
El evento onload se puede utilizar en las siguientes etiquetas HTML compatibles <body>, <frame>, <iframe>, <img>, <input type = "image">, <link>, <script>, <style>
<html>
<body>
<img src="imagenes/foto1.jpg" onload="loadImage()" width="300" height="190">
<script>
function loadImage() {
alert("La imagen esta cargada");
}
</script>
</body>
</html>