Javascript: Incluyendo el código javascript en documentos html

El código javascript puede ejecutarse en el pc del cliente o en el servidor. Hay dos formas de incluir un código Javascript en una página web de forma que el código se ejecute en el pc del cliente através de su navegador, embebido dentro de la propia página web o escribirlo en un archivo .js aparte e importarlo después. Usando la primera forma tendríamos un código parecido a este dentro de nuestro documento html:

<script language="javascript" type="text/javascript">
<!--

codigo javascript

// -->
</script>

Como vemos el código javascript se incluye dentro de una etiqueta de html llamada script con atributos language, que define que lenguaje de script estamos utilizando (y también la versión si queremos, aunque no es aconsejable ya que puede dar problemas) y type, que define el tipo MIME. language y type tienen la misma función, identificar que tipo de script vamos a escribir, de forma que no es necesario escribir ambos. En principio si solo queremos escribir uno de ellos es recomendable utilizar type, ya que es el estándar según la W3C, aunque no está de mas escribir ambos por los navegadores antiguos.

Es aconsejable que el código javascript se incluya dentro de un comentario html (entre <!-- y -->) de forma que los navegadores antiguos que no reconocen la etiqueta script no impriman el código javascript como texto de la página web. Además tenemos que añadir // que se utiliza como un comentario de una sola línea en javascript (para comentarios de varias líneas se utiliza /* mi comentario */ como en Java o C++) antes del --> ya que javascript reconoce <!-- como un comentario de una sola línea al igual que //, pero no ocurre así con -->. Finalmente cerramos la etiqueta con </script>.

La otra forma de incluir el código javascript que comentamos, el de importar el archivo js tiene como ventajas la claridad al separar html y el código además de mejora en la rapidez de carga de la página, ya que el navegador normalmente añadirá el archivo js a la caché. Para incluir el código de esta forma utilizamos el atributo src (de source, fuente) de la etiqueta script con el que indicamos la url del archivo javascript:

<script src="http://zootropo.blogspot.com/miarchivo.js">
</script>

Una última cosa a comentar al respecto es el uso de la etiqueta <noscript> que incluye contenido que se mostrará a los navegadores que no soporten javascript o en los que se halla desactivado javascript.

<script>
codigo javascript
</script>

<noscript>
Su navegador no soporta Javascript
</noscript>