El evento onLoad se ejecuta cuando cargamos una página en el navegador. Uno de los usos más frecuentes es para fijar el foco en algún control de un formulario, para que el operador no tenga que activar con el mouse dicho control.
Este evento está asociado a la marca body.
La página completa es:
<html>
<head></head>
<body onLoad="activarPrimerControl()">
<script type="text/javascript">
function activarPrimerControl()
{
document.getElementById('nombre').focus();
}
</script>
<form>
Ingrese su nombre:
<input type="text" id="nombre"><br>
Ingrese su edad:
<input type="text" id="edad"><br>
<input type="button" value="Confirmar">
</form>
</body>
</html>
En la marca body inicializamos el evento onLoad con la llamada a la función activarPrimerControl:
<body onLoad="activarPrimerControl()">
La función da el foco al control text donde se cargará el nombre:
function activarPrimerControl()
{
document.getElementById('nombre').focus();
}