Evento onLoad
Lección 39: Evento onLoad
Para finalizar, vamos a ver un evento interesante que nos ofrece la etiqueta <body>. El evento onLoad nos sirve para ejecutar algo cuando la web se cargue o recargue.
Vamos a ver un ejemplo sencillito de este evento, puesto que no tiene mucha historia tampoco. En el ejemplo crearemos 2 campos de texto, y en el evento pondremos que el foco lo coja el primer campo de texto y aparezca una ventana que nos indique que se ha cargado la página.
El código es el siguiente:
Lo característico de este evento como veis, es que no se escribe en ningún componente del formulario HTML, sino que se escribe en la parte superior de la página, en la etiqueta <body>
La parte HTML son dos campos de texto sin más, lo único a destacar de este ejemplo es la función Activar() que es la que se llama al ejecutarse el evento onLoad.
En la función hay 2 instrucciones muy sencillitas
document.getElementById('nombre').focus();
alert("Se ha cargado la pagina");
La primera nos sirve para hacer que el campo de texto con id "nombre" coja el foco cuando se cargue la página...Eso lo hacemos con el método focus(). Si quisieramos que el foco lo cogiera el otro campo de texto (aunque no es habitual, lo normal es que lo coja el primero), pues sería:
document.getElementById('edad').focus();
Y lo siguiente es una simple ventana que escribe por pantalla que ya se ha cargado la página.
El ejemplo aquí: Evento onLoad
El funcionamiento es el siguiente:
