PREVIO
Introducción
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.
JavaScript es un lenguaje que se integra directamente en
páginas HTML. Tiene como características principales
las siguientes:
-
Es interpretado (que no compilado) por el cliente.
-
Está basado en objetos. No es, como Java,
un lenguaje de programación orientada a objetos (OOP). JavaScript
no emplea clases ni herencia, típicas de la OOP.
-
Su código se integra en las páginas HTML,
incluido en las propias páginas.
-
No es necesario declarar los tipos de variables que
van a utilizarse (loose typing).
-
Las referencias a objetos se comprueban en tiempo de
ejecución. No se compila, pues.
-
No puede escribir automáticamente al disco duro.
La ventaja que presenta JavaScript sobre el HTML es que permite
crear páginas más dinámicas, lo que las hace más
atractivas para el usuario. Ni que decir tiene que para utilizar y dominar
el JavaScript es prerrequisito indispensable saber HTML.
Para aprender HTML se sugieren estas dos opciones:
-
Manual "Aprenda Internet como si estuviera en Primero", disponible
en Reprografía.
-
Tutorial
en Internet, en el WEB de la Escuela.
Existen tres versiones
de JavaScript: La versión 1.0 nació con el
Netscape Navigator 2.0. Las versiones 1.1 o 1.2 (que surgieron con las
versiones 3 y 4 del Netscape, respectivamente) poseen más comandos
y permiten hacer muchas más cosas. ¡Y mucho más
vistosas! También hay que decir en contra del JavaScript
1.2 que sólo es compatible con la versión 4.0x del
Netscape, pero no con Internet Explorer. Así que, en muchas
ocasiones será preferible emplear la versión 1.1 de JavaScript
para que la gente que emplea Internet Explorer para navegar no se encuentre
con errores no deseados.
¿Cómo
incluir JavaScript en páginas de HTML?
Existen tres formas principales:
1.
La forma
general es la que sigue:
<SCRIPT LANGUAGE="JavaScriptConVersión">
Sentencias de JavaScript ....
</SCRIPT>
Si sólo se escribe LANGUAGE="JavaScript",
la propia versión del Netscape Navigator escoge la versión
de JavaScript por defecto. Por ello, es conveniente
incluir la versión deseada. Dentro de estas tags SCRIPT es
donde se escribe en JavaScript. Pueden ponerse cuantos se quieran a lo
largo del documento y en cualquier lugar. Ahora bien, se recomienda
poner las funciones en el HEAD del documento. De este modo, una función
está definida desde el principio del documento, lo que asegura su
existencia a la hora de ejecutarse en algún punto de la página.
Esto evitará muchos errores.
2.
Si lo que se quiere es incluir
un archivo de JavaScript en lugar de insertar las líneas
de programa en la página HTML:
<SCRIPT SRC="Archivo. js
">
...
</SCRIPT>
Conviene tener en cuenta los navegadores que no soportan JavaScript.
Un navegador que no acepta JavaScript no leerá
lo que hay entre las tags SCRIPT. Además, deben tenerse en cuenta
las versiones: si se programa algo que sólo funciona con la versión
1.1 se pondrá LANGUAGE= "JavaScript1.1" para que los navegadores
antiguos ignoren esta parte de código y no dé error.
Sin embargo, la versión 1.2 de JavaScript sí
la interpretará. Hay varias formas de excluir el código de
JavaScript de los navegadores antiguos:
-
Se emplea la tag pareada <NOSCRIPT>
para incluir entre ellas contenidos que aparecerán en aquellos navegadores
que no soporten JavaScript.
-
El siguiente esquema hace que se ignoren las sentencias en navegadores
que no soportan JavaScript:
<SCRIPT LANGUAGE="JavaScript">
<!---
Todo lo que se escriba en esta región
será ignorado por browsers que no soportan JavaScript
//
-->
</SCRIPT>
3.
Algunas tags permiten incluir controladores
de eventos en ellas. Estas tags son:
Veamos un ejemplo con un link:
<A HREF="http://www1.ceit.es/"
OnClick="alert('Este link lleva
a la intranet de la ESIISS')">Intranet de la ESIISS
</A>
Para ver lo que hace, aquí está el link:
Intranet
de la ESIISS
Como puede verse, dentro de la tag, como atributo de esta, se
pone un controlador de eventos y después del signo igual y entre
comillas se incluye el código de JavaScript. Ahora bien, también
es posible llamar a una función del HEAD del documento. Se recomienda
esta segunda opción ya que es una manera más limpia y clara
de escribir páginas. Se conseguiría lo mismo que en el ejemplo
anterior de esta forma:
<HEAD>
function avisar(){alert("Este link
lleva a la intranet de la ESIISS")}
</HEAD>
<BODY>
<A HREF="http://www1.ceit.es/"
OnClick="avisar()">Intranet de la ESIISS
</A>
</BODY>
Y antes de terminar, por último, es necesario reseñar
que las comillas y los apóstrofos no pueden usarse indistintamente.
En principio, hay que emplear comillas. Pero si algún comando que
requiere comillas está incluido dentro de otro y las comillas se
han empleado para el comando incluyente, el comando incluido deberá
emplear apóstrofos. Para aclarar este embrollo, véase un
ejemplo:
La función
alert requiere comillas: alert("texto")
El evento OnClick
también: OnClick="código en JavaScript"
Si queremos
una ventana de alert al clicar sobre un link, se escribirá de la
siguiente forma:
OnClick="alert(texto)"