Antes de entrar en detalle sobre como declarar variables o funciones especificas de JavaScript es conveniente saber cuales son las funciones y parámetros que siempre estarán a disposición de cualquier página, inclusive sin declarar ningún elemento de JavaScript.
Dentro de un navegador (Netscape o Explorer) pueden surgir varios eventos dentro la página que se esta observando, es a partir de estos eventos que pueden ser declaradas una gran variedad de funciones, estas funciones pueden ser definidas explícitamente por un programador o bien pueden ser aquellas funciones definidas para todos los navegadores.
Este evento permite ejecutar cierta función cada vez que sea cargada la página, un ejemplo puede ser el siguiente.
<body onLoad='alert("Bienvenidos a Osmsis Latina");'> .... |
El evento anterior (onload
) utiliza la función definida "alert"
que hace aparecer una ventana pequeña cada vez que sea cargada la página, nótese que no es necesario declarar tags script
, con solo declarar el evento(onload
) y la función (alert
) dentro del elemento principal body
se ejecutan las acciones necesarias, haga la prueba:
oprima aquí
Esta ventana no apareció cuando cargo la página inicialmente porque se utilizo otro tipo de evento más selectivo, que se menciona a continuación.
Este evento es utilizado cuando se requiere ejecutar alguna acción al momento que el usuario de un "click" sobre un elemento, de la misma manera en que un "click" en un link en HTML envía al usuario a otra página, JavaScript extiende este "click" para realizar otras acciones, ejemplo:
<a href="zona_restringida.htm" onclick='alert("Esta entrando a un Zona con acceso restringido")';> Visite una zona restringida </a> .... |
Haga la prueba Visite una zona restringida
Una posible alternativa para la función alert
es realizar una pregunta, esto se lleva acabo con la función confirm
<a href="zona_restringida.htm" onclick='confirm("Esta seguro que desea entrar a una zona restringida ?")';> Visitar una zona restringida </a> .... |
La prueba: Visitar una zona restringida
Existen varios eventos que pueden ser definidos dentro de una página algunos otros son: onpass,onkeydown,ondblclick,onmousedown..
y otros más , estos eventos cubren casi todo nivel de interactividad que pueda tener el usuario, desde el momento en que carga la página ( onload
), pasa su "mouse" por cierto punto (onpass
), u oprime dos veces sobre su "mouse" (ondblclick
); estos son los eventos, pero que ocurre al invocarse estos eventos ?.
Aparentemente pareciera que las funciones que se llevan acabo con eventos están limitadas a ventanas ("alerts" y "confirm"), sin embargo, existen otras funciones definidas como: open,resizeBy,home
que: abren una ventana de navegador nueva, cambian el tamaño actual de la ventana y cargan la página que el usuario tiene como "Home Page", respectivamente.
Considerando el numero de eventos disponibles y las funciones definidas existen una gran cantidad de posibilidades para manipular el ambiente en que se desenvuelve el usuario que observa nuestra página. Inclusive, la única limitación son las funciones que usted pueda imaginar, visite la página que cambia color.