|
JavaScript, al
igual que Java o VRML, es una de las múltiples maneras que han surgido
para extender las capacidades del lenguaje HTML. Al ser la más sencilla,
es por el momento la más extendida. Antes que nada conviene aclarar un par
de cosas:
JavaScript no es un lenguaje de programación propiamente
dicho. Es un lenguaje script u orientado a documento, como pueden ser los
lenguajes de macros que tienen muchos procesadores de texto. Nunca podrás
hacer un programa con JavaScript, tan sólo podrás mejorar tu página Web
con algunas cosas sencillas (revisión de formularios, efectos en la barra
de estado, etc...) y, ahora, no tan sencillas (animaciones usando HTML
dinámico, por ejemplo).
JavaScript y Java son dos cosas distintas.
Principalmente porque Java sí que es un lenguaje de programación completo.
Lo único que comparten es la misma sintaxis. Este documento tiene como
objetivo mostrar una parte de las potencialidades del JavaScript. Para
tener una guía de referencia es mejor acudir a la que ofrece Netscape que,
al fin y al cabo, son los creadores del invento.
Existen tres
versiones de JavaScript. Casi todo lo que hay en este curso funciona con
la versión 1.0, que nació con el Netscape Navigator 2.0. Todo aquello que
requiera de las versiones 1.1 o 1.2 (que surgieron con las versiones 3 y 4
del Netscape) para funcionar llevarán uno de estos gráficos para
indicarlo: El Microsoft Explorer soporta el JavaScript. No muy bien pero
lo soporta. La versión 3.0 interpreta el JScript, que es similar al
JavaScript 1.0 pero con algunas diferencias para provocar ciertas
incompatibilidades (majetes que son los de Microsoft). El Explorer 4
parece que sí que admite JavaScript 1.1 con cierta fiabilidad. A partir de
ahora asumo que quien esté leyendo esto conoce el HTML. También asumo que
estás familiarizado con la sintaxis de C, C++ o Java. Vamos a realizar
nuestro primer "programa" en JavaScript. Haremos surgir una ventana que
nos muestre el ya famoso mensaje "hola, mundo". Así podremos ver los
elementos principales del lenguaje. El siguiente código es una página Web
completa con un botón que, al pulsarlo, muestra el mensaje. Copialo y
prueba.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function HolaMundo() {
alert("¡Hola, mundo!");
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button" NAME="Boton" VALUE="Pulsame"
onClick="HolaMundo()">
</FORM>
</BODY>
</HTML>Ahora vamos a ver, paso por paso, que
significa cada uno de los elementos extraños que tiene la página anterior:
<SCRIPT LANGUAGE="JavaScript"> </SCRIPT>
Dentro
de estos elementos será donde se puedan poner funciones en JavaScript.
Puedes poner cuantos quieras a lo largo del documento y en el lugar que
más te guste. Si un navegador no acepta JavaScript no leerá lo que hay
entre medias de estos elementos. Así que si programamos algo que sólo
funcione con la versión 1.1 pondríamos
LANGUAGE= "JavaScript1.1"
para que los
navegadores antiguos pasen olímpicamente del código y no se hagan un
lío.
function HolaMundo()
{
alert("¡Hola,
mundo!");
}
Esta es nuestra primera función en JavaScript.
En el código de la función vemos una llamada al método alert (que
pertenece al objeto window) que es la que se encarga de mostrar el mensaje
en pantalla.
<FORM>
<INPUT
TYPE="button"
NAME="Boton"
VALUE="Pulsame"
onClick="HolaMundo()">
</FORM>
Dentro
del elemento que usamos para mostrar un botón vemos una cosa nueva:
onClick. Es un controlador de evento. Cuando el usuario pulsa el botón, el
evento click se dispara y ejecuta el código que tenga entre comillas el
controlador de evento onClick, en este caso la llamada a la función
HolaMundo(), que tendremos que haber definido con anterioridad.
|
