Introducción a JavaScript
JavaScript es un lenguaje de programación creado por Netscape (aunque ha sido ampliamente aceptado por todos los exploradores) para ser integrado en un documento HTML permitiendo mejorar el aspecto y la funcionalidad de una página web. Por ello, antes de comenzar a aprender JavaScript, es altamente recomendable tener conocimientos (al menos básicos) de HTML, ya que JavaScript se implementa sobre un documento HTML.
JavaScript tiene cierto parecido con otros lenguajes de programación más potentes como C++ o Java, por lo que si ya tienes conocimientos de estos lenguajes te será más sencillo su aprendizaje. Pero, mientras que con Java se pueden crear programas totalmente autosuficientes mediante un proceso de escritura y compilación que pueden ser llamados en la página web, JavaScript se trata simplemente de texto que se escribe en la página web del mismo modo que se escriben etiquetas y texto HTML. Los programas creados se ejecutan directamente en el navegador (cliente) sin necesidad de acceder al servidor.
Si aprendes a manejar JavaScript, podrás mejorar sensiblemente el aspecto de tus páginas web, añadiendo incluso efectos de imagen, animaciones, etc. Además, cuando rellenas un formulario y los datos se envían al servidor, éste recibe la petición y si se detecta que existe algún campo necesario que no se ha rellenado, nos volverá a mostrar el formulario para que lo rellenemos. Ésto hace que la red se cargue de peticiones innecesarias. Gracias a JavaScript, podremos verificar que los datos necesarios de un formulario se han rellenado, y que el formato de los datos que contienen los campos es el esperado (por ejemplo, no poner en el nombre el número de teléfono), de modo que cuando se envíe al servidor la petición, ésta llegue correctamente.
JavaScript es un lenguaje de programación que entienden la mayoría de los navegadores (Netscape, Internet Explorer, Opera, Apple Safari, etc). Si tienes una versión antigua de estos navegadores (2.0 o anterior) no podrás trabajar con JavaScript.
JavaScript permite capturar eventos producidos por el ratón y el teclado, así como la carga inicial o descarga del documento, el cambio de dimensiones en la ventana del explorador, etc... de modo que al producirse se llevará a cabo la-s acción-es que deseemos.
Características generales de JavaScript
Es un lenguaje case sensitive, es decir, es sensible a las mayúsculas y minúsculas. Aunque en HTML las etiquetas son bien interpretadas se escriban con minúsculas o mayúsculas, JavaScript sí las distingue, por lo que hay que prestar atención en la utilización de variables y comandos.
También distingue los espacios en blanco y saltos de línea. HTML sólo reconoce un espacio en blanco. De hecho, podríamos escribir todo un documento web en una única línea y el explorador lo mostrará correctamente. JavaScript lee los saltos de línea y espacios, por lo que hay veces en que una sentencia se ha de escribir en una única línea, sino se producirán errores.
<A HREF="pagina.htm"
NAME="enlace"
STYLE="color:blue;font-family:Arial">
Texto del enlace
</A>
Las líneas anteriores no producirán errores en la interpretación del HTML.
document.write("Esto es
JavaScript");
Sin embargo, en las líneas anteriores sí se producirá un error de JavaScript.
Inclusión de JavaScript.
En la misma página.
Vamos a ver la forma de implantar JavaScript en una página web, directamente dentro del código html. Habitualmente se hace en la cabecera del documento, aunque se puede incluir en cualquier parte. Cuando una página web se carga, el navegador lee línea a línea lo que tiene. Si hay algún script no incluído en una función, éste se ejecutará cuando la página se está cargando, en el momento en que aparezca, de modo que si dicho script hace referencia a objetos o partes del documento que están escritos después, se producirán errores al no reconocerlos. Hay que tener mucho cuidado, por lo tanto con la secuencia que seguimos en la inclusión de nuestros scripts.
El primer paso consistirá en diferenciar dentro de la página lo que es JavaScript del resto. Para ello HTML dispone de una etiqueta que define el inicio y el final. La primera línea será la siguiente:
<SCRIPT LANGUAGE="JavaScript">
La etiqueta SCRIPT indica al navegador que lo que hay a continuación es un guión escrito en algún lenguaje script. Se trata de código HTML por lo que se puede escribir en minúsculas o mayúsculas indistintamente. Este guión está escrito con la versión 1.0 puesto que no hay ningún número después de la palabra javascript.
Se utiliza el atributo LANGUAGE para especificar el lenguaje en que está escrito dicho script. Hay otros lenguajes que pueden ser incluidos tales como VBScript, que es una variedad de VisualBasic creado por Microsoft para ser incluido también en documentos web. Si se omite, el navegador asume que el script está programado en JavaScript.
Según el explorador que el usuario esté utilizando, éste sólo interpretará correctamente determinadas versiones de JavaScript, por lo que se podrían producir errores. Podemos especificar la versión utilizada para que el navegador ignore el código y dichos errores no se produzcan:
El atributo TYPE es un atributo requerido para el estándar HTML 4.01 de W3C para una correcta accesibilidad web a todas las personas, siendo no recomendado el atributo LANGUAJE previamente visto. Este atributo sirve para indicar el tipo MIME válido con el que se corresponde el script, en nuestro caso text/javascript:
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
Al final del guión se encuentra el comando:
</SCRIPT>
que da por finalizado el script. Si no se incluye, el contenido de la página no se visualizará.
Otra forma de incluir JavaScript en el mismo documento es en línea, es decir, capturando en un elemento del documento el evento que se produce sobre el mismo.
<A onMouseMove="xxxxxxx" …….>texto</A>
La línea anterior indica al navegador que cuando el ratón se mueva por encima del enlace se ha de ejecutar xxxxxxx.
Desde otras páginas.
Se puede guardar el código de JavaScript para ser utilizado en varios documentos web con el fin de poder reutilizar el código en varios archivos. Este archivo se creará con un editor de texto que no admita formato y se guardará con la extensión .js (por ejemplo: javascript.js).
Una vez que lo tenemos guardado, para que la página con la que estamos trabajando pueda beneficiarse del código del archivo anterior, basta con incluir en la cabecera del html el tag SCRIPT, con los siguientes atributos:
- LANGUAGE. Indica el lenguaje script correspondiente; en este caso, su valor sería JavaScript (también se puede incluir LiveScript o VBScript que es un derivado del VisualBasic) pudiéndose incluso especificar la versión del mismo.
- SRC. Donde indicaremos el archivo que queremos "traer".
<SCRIPT LANGUAGE="JavaScript" SRC="archivo.js"></SCRIPT>
