Seguimos el Manual de Javascript, abordando temas de información relevante para saber cómo utilizar el lenguaje en el contexto de una página web. Así que ahora veremos un par de notas adicionales sobre cómo colocar scripts en páginas web.

En este artículo mostraremos uno de los atributos que se pueden indicar en la etiqueta de SCRIPT, que indica el lenguaje que vamos a utilizar. Además, mostraremos otro modo muy útil de asociar código Javascript en la página, por medio de un fichero externo. Este punto es algo fundamental y tendremos que prestar especial atención, ya que es sin duda la manera de trabajar que se utiliza más a menudo.

Indicar el lenguaje que estamos utilizando

Actualizado: Hoy ya no es necesario especificar el lenguaje de script que estamos utilizando. El motivo es que Javascript es el único lenguaje para crear scripts en páginas web aceptado por la industria. Por tanto, el atributo "language" es realmente innecesario.

La etiqueta <SCRIPT> tiene un atributo que sirve para indicar el lenguaje que estamos utilizando, así como la versión de este. Por ejemplo, podemos indicar que estamos programando en Javascript 1.2 o Visual Basic Script, que es otro lenguaje para programar scripts en el navegador cliente que sólo es compatible con Internet Explorer.

El atributo en cuestión es "language" y lo más habitual es indicar simplemente el lenguaje con el que se han programado los scripts. El lenguaje por defecto es Javascript, por lo que si no utilizamos este atributo, el navegador entenderá que el lenguaje con el que se está programando es Javascript. Un detalle donde se suele equivocar la gente sin darse cuenta es que lenguage se escribe con dos -g- y no con -g- y con -j- como en castellano.

<script language="javascript">

Uso del atributo "type":

Cuando colocamos una etiqueta SCRIPT debemos usar el atributo "type" para indicar que tipo de codificación de script estamos haciendo y el lenguaje utilizado.

<script type="text/javascript">

El atributo "type" es necesario para que valide correctamente tu documento en las versiones más actuales del HTML.

Incluir ficheros externos de Javascript

Otra manera de incluir scripts en páginas web, implementada a partir de Javascript 1.1, es incluir archivos externos donde se pueden colocar muchas funciones que se utilicen en la página. Los ficheros suelen tener extensión .js y se incluyen de esta manera.

<script src="archivo_externo.js"></script>

Dentro de las etiquetas <SCRIPT> se puede escribir cualquier texto y será ignorado por el navegador, sin embargo, los navegadores que no entienden el atributo SRC tendrán a este texto por instrucciones. Es algo muy raro que esto ocurra en el panorama de navegadores. Así que no es realmente aconsejable poner ningún código Javascript dentro de un bloque script que estamos usando para incluir un fichero externo.

El archivo que incluimos (en este caso "archivo_externo.js") debe contener tan solo sentencias Javascript. No debemos incluir código HTML de ningún tipo, ni tan siquiera las etiquetas </SCRIPT> y </SCRIPT>.

La importancia de usar archivos de código Javascript externos

A nivel didáctico en este manual usamos mucho la práctica de incluir el código Javascript dentro del propio documento HTML. Es algo que viene muy cómodo para expresar pequeños ejemplos Javascript. Sin embargo, a nivel profesional no es una práctica aconsejable, sino que la recomendación es colocar todo, o la mayoría de tu código Javascript en archivos ".js" que incluyas de manera externa. Existen varios motivos para recomendar esta práctica, entre los cuales podemos destacar:

• Desde el punto de vista de la separación del código, cada archivo debería tener solo un lenguaje. Los documentos HTML se colocan en archivos ".html", los documentos CSS en archivos ".css" y el Javascript también separado en sus archivos ".js".
• El archivo externo permite que el navegador lo cachee, de modo que cuando la página se vuelve a visitar, el código ya se encuentra en el navegador y no lo tiene que volver a descargar. Este punto es especialmente importante cuando tenemos muchas páginas que cargan el mismo código Javascript, ya que el navegador realemnte descargará una vez el archivo ".js" y las demás veces lo consumirá desde la caché, ahorrando transferencia y aumentando la velocidad de carga.
• Cuando tengas más nociones avanzadas sobre Javascript verás que en la etiqueta script puedes usar atributos como "defer" o "async". Ambos atributos provocan que el navegador no se detenga a ejecutar un script externo que se encuentre en medio del contenido HTML, sino que siga analizando la página y renderizando su contenido mientras que el archivo se descarga. Por tanto, ambos atributos optimizan la carga de la página y mejoran la velocidad con la que el navegador presenta el contenido al usuario.

Un ejemplo de carga y ejecución del Javascript deferida lo conseguimos así.

<script src="archivo_externo_deferido.js" defer></script>

Vistos estos otros usos interesantes que existen en Javascript y que debemos conocer para poder aprovechar las posibilidades de la tecnología, debemos haber aprendido todo lo esencial para empezar a trabajar con Javascript en el contexto de una página web.

Así que, por fin, en el próximo artículo empezaremos a introducirnos más a fondo con la programación. Para comenzar os hablaremos de la sintaxis del lenguaje Javascript.