1. Seleccin de Arquitecturas y Herramientas de Programacin.

En este primer captulo presentamos los conceptos necesarios para comprender el contexto en el que
se ejecutan las pginas web, como forma de acceder a recursos de aplicaciones y sistemas de
informacin web.
Veremos las caractersticas principales de los navegadores ms comunes, tambin describiremos
lenguajes y tecnologas de programacin del lado del cliente aplicables en este tipo de entornos.
Finalmente introduciremos algunas de las tcnicas de integracin que el desarrollador tiene a su
alcance para intercalar cdigo con las etiquetas HTML.

1.1 Evolucin y Caractersticas de los Navegadores Web.

La World Wide Web ( o la Web, como se conoce comnmente) representa un universo de
informacin accesible globalmente a travs de la red Internet. Est formada por un conjunto de
recursos interconectados que conforman el conocimiento humano actual.
La arquitectura ms habitual se basa en el modelo denominado Cliente/Servidor, basado en la idea
de servicio, en el que el cliente es un consumidor de servicios, y el servidor es un proceso
proveedor de servicios. Adems est relacin est apoyada en el intercambio de mensajes cmo el
nico elemento de acoplamiento entre ambos.
Uno de los componentes ms habituales en el cliente es el navegador web, que permite acceder al
contenido ofrecido por los servidores de Intenet sin la necesidad de que el usuario instale un
nuevo programa (con algunas excepciones). Podemos encontrarnos muchos tipos de clientes en
funcin de sus capacidades, los lenguajes soportados o las facilidades de configuracin. Los ms
livianos o ligeros, son los que por s solos no pueden ejecutar ninguna operacin ms all de la de
conectarse al servidor.
Sin embargo, actualmente la tendencia es la de disponer de clientes complejos, que utilizan
lenguajes como Java o funciones avanzadas en DHTML para otorgar mayor funcionalidad y
flexibilidad al usuario.
Estos navegadores pueden no solo conectarse al sevidor, sino que tambin son capaces de procesar
o sincronizar datos para su uso sin necesidad de que el usuario intervenga.
Un navegador Web, o explorador Web (browser), es una aplicacin distribuida habitualmente como
software libre, que permite a los usuarios acceder (y, normalmente, visualizar) a un recurso
publicado por un servidor web a travs de Intenet y descrito mediante una direccin URL
(Universal Resource Locator).
Como ya hemos dicho, lo ms habitual es que utilicemos los exploradores web para navegar por
recursos de tipo hipertexto, comnmente descritos en HTML, ofrecidos por servidores de todo el
mundo a travs de Internet.
Desde la creacin de la Web a principios de los 90, los navegadores han evolucionado desde meros
visualizadores de texto que, aunque no ofrecan capacidades multimedia (visualizacin de
imgenes), cumplan su propsito (Links,Lynx,W3M); hasta los navegadores actuales, totalmente
preparados para soportar cualquier tipo de interaccin y funcionalidad requerida por el usuario.
A continuacin describimos una pequea lista de algunos de los exploradores ms relevantes a lo
largo de la historia de los clientes de navegacin web:

Mosaic. Se considera uno de los primeros navegadores web, y el primero con capacidades
grficas. Las primeras versiones se disearon para ser ejecutado sobre UNIX, pero debido a
su gran aceptacin, fue portado a las plataformas de Windows y Macinstosh. Se utiliz
como base para las primeras versiones de Internet Explorer y Mozilla.

Netscape Navigator. Fue el primer navegador en incluir un mdulo para la ejecucin de

cdigo script (JavaScript), sus caractersticas se consideran la base de otros navegadores
como Mozilla Firefox.

Internet Explorer. Es el navegador de Microsoft, su cuota de distribucin y uso ha sido

muy elevada gracias a su integracin con los sistemas Windows. En los ltimos aos su
utilizacin ha ido descendiendo paulatinamente, debido al aumento de usuarios que optan
por otros navegadores, como Mozilla FireFox o Chrome.

Mozilla Firefox. Es un navegador de cdigo abierto multiplataforma de gran aceptacin en

la comunidad de desarrolladores web. Existen una gran variedad de utilidades, extensiones
y herramientas que permiten la personalizacin tanto del funcionamiento del navegador
como de su apariencia. Fue uno de los primeros en incluir la navegacin por pestaas.

Google Chrome. Es el navegador de Google compilado a partir de componentes de cdigo

abierto. En numerosos test comparativos este navegador ha demostrado ser uno de los ms
rpidos y seguros.

Safari. Es el navegador por defecto de los sistemas Apple, aunque tambin se han
desarrollado versiones para su funcionamiento en las plataformas de Windows.

Dolphin Browser. Debido al auge de los dispositivos mviles inteligentes (smartphones y

tablets) y de los sistemas operativos para estos, tenemos que hacer referencia
obligatoriamente a uno de los navegadores ms populares para estas plataformas.
Especifico para el sistema operativo Android, fue uno de los primeros en incluir soporte
para navegacin multitctil. Utiliza un motor de renderizado de pginas similar al de
Chrome o Safari.

Podemos clasificar los navegadores anteriores de acuerdo a una serie de criterios:

Plataforma de ejecucin. No todos los navegadores pueden ser ejecutados en cualquier

sistema operativo.

Caractersticas del navegador. La mayora de los navegadores ofrecen funcionalidades

adicionales asociadas a la experiencia del usuario a la hora de navegar por la red. Algunas de
las caractersticas soportadas de forma nativa (sin necesidades de instalar extensiones)
incluyen la administracin de marcadores, gestores de descarga, almacenamiento seguro de
contraseas y datos de formularios, correcin ortogrfica o definicin de herramientas de
bsqueda.

Personalizacin de la interfaz. Entre los aspectos ms destacados, podemos mencionar el

soporte para la navegacin por pestaas, la existencia de bloqueadores de ventanas
emergentes, la integracin de visualizadores de formatos de ficheros (como PDF), opciones
de zoom o funciones avanzadas de bsqueda de texto en pginas web.

Soporte de tecnologas Web. Actualmente uno de las mayores preocupaciones de los

desarrolladores de navegadores es el grado de soporte de los estndares de la Web. Por ello
podemos clasificar los navegadores de acuerdo a su nivel de soporte de tecnologas como
CSS (hoja de estilos en cascada), Java, lenguajes de scripting del cliente (Javascript),
XHTML (HTML con formato de XML), etc.

Licencia de software. Existen navegadores de cdigo libre, como Mozilla Firefox (licencia

GNU GPL) o Google Chrome, y navegadores propietarios como Internet Explorer

(Microsoft) o Safari (Apple). Salvo raras excepciones (OmniWeb) todos los navegadores
son gratuitos.

1.2 Arquitectura de Ejecucin.

Cada navegador web tiene su propia forma de interpretar la interaccin con un usuario, esta
interaccin se inicia con el usuario indicando la direccin del recurso al que quiere acceder (URL) y
termina con la visualizacin del recurso por parte del navegador en la pantalla del usuario.
La forma de realizar este proceso depende del propsito del navegador y de la configuracin del
mismo. Ya que un navegador puede estar ms centrado en ofrecer una respuesta ms rpida, en
mostrar una respuesta ms fiel al contenido del recurso obtenido, en priorizar los aspectos de
seguridad de las comunicaciones con el servidor, etc.
Cada navegador est formado por una serie de elementos y componentes determinados que
conforman lo que se denomina arquitectura del navegador. A pesar de que cada navegador tiene
su propia arquitectura, la mayor parte de ellos coinciden en una serie de componentes bsicos y
comunes en todos ellos, es lo que se llama arquitectura de referencia. Los componentes bsicos
incluidos en la arquitectura de referencia de un navegador web, pueden verse en la figura siguiente:
Interfaz de Usuario
Persistencia de datos
Motor del Buscador
Motor de Renderizado

Comunicaciones

Interprete de Javascript

Parser XML

Componente de Visualizacin

Los componentes de esta arquitectura de referencia son:

Subsistema de interfaz de usuario. Es la capa que acta de interfaz entre el usuario y el

motor del buscador. Ofrece funcionalidades tales como visualizacin de barras de
herramientas, progreso de carga de la pgina, gestin inteligente de las descargas,
preferencias de configuracin de usuario o impresin. En algunos casos puede comunicarse
con el sistema operativo para el manejo de sesiones de usuario o el almacenamiento de
preferencias de visualizacin o configuracin.

Subsistema del motor del buscador o motor de navegacin. Este subsistema es un

componente que ofrece una interfaz de alto nivel para el motor de renderizado. Su
funcin principal es la de cargar una direccin determinada (URL o URI) y soportar los
mecanismos bsicos de navegacin como ir a la pgina anterior o siguiente o la recarga de la
pgina. Adems este componente gestiona las alertas de Javascript (mensajes de usuario) y
el proceso de carga de una pgina. Tambin es el encargado de consultar y administrar las
preferencias de ejecucin del motor de renderizado.

Subsistema de renderizado. Este componente es el encargado de producir una

representacin visual del recurso obtenido a partir del acceso a una direccin web. El cdigo
de una pgina web es interpretado por ste mdulo. En funcin de los lenguajes, estndares
y tecnologas soportadas por el navegador, ste mdulo ser capaz de mostrar documentos
HTML,XML, hojas de estilos CSS e incluso cdigo embebido en la pgina (audo/vdeo) e
imgenes.Adems este mdulo establece las dimensiones exactas de cada elemento a
mostrar y, en ocasiones es el responsable de posicionar dichos elementos en una pgina.
Algunos de los motores de renderizado ms utilizados son:
Gecko, utilizado en Firefox.
Trident, utilizado en Internet Explorer.
WebKit utilizado en Google Chrome y Safari.
Presto el motor de Opera.

Subsistema de comunicaciones. Es el subsistema encargado de implementar los protocolos

de transferencia de ficheros y documentos utilizados en Internet (HTTP,FTP,etc).Adems
es el responsable de identificar la codificacin de los datos obtenidos en funcin de su
tipo, de tal forma que es capaz de identificar si el recurso obtenido es de tipo texto,
audio, vdeo,etc. Dependiendo de las capacidades personalizadas del navegador, este
subsistema puede almacenar una cach de elementos accedidos recientemente.

Intrprete de Javascript. Las pginas HTML habitualmente llevan cdigo intercalado para
proveerlas de ciertas funcionalidades como puede ser la respuesta a ciertos eventos del ratn
o del teclado. El lenguaje comnmente aceptado para la programacin de este cdigo
embedido es Javascript. El intrprete de Javascript ser el encargado de analizar y ejecutar
dicho cdigo. Este mdulo puede ser configurado (e incluso deshabilitado) por cuestiones de
seguridad o facilidad de navegacin desde el motor de navegacin o el motor de
renderizado (por ejemplo para evitar que aparezcan ventanas emergentes). La existencia de
mdulos de interpretacin de cdigo difiere de un navegador a otro. Por ello es posible que
existan subsistemas intrpretes de otros lenguajes, como applets de Java, Ajax o
ActionScript.

Parser XML. Con el fin de poder acceder ms fcilmente a los contenidos definidos en un
documento HTML (en realidad XHTML), los navegadores web suelen incluir un mdulo
(parser) que permite cargar en memoria una representacin en rbol (rbol DOM, Document
Object Model) de la pgina. De esta forma el acceso a los diferentes elementos de una
pgina por parte del navegador es mucho ms rpido.

Componente de Visualizacin. Este subsistema ofrece funcionalidades relacionadas con la

visualizacin de los contenidos de un documento HTML en una pgina web. Ofrece
primitivas de dibujo y posicionamiento en una ventana, un conjunto de componentes
visuales predefinidos (widgets) y un conjunto de fuentes tipogrficas a los subsistemas
principales del navegador web.

Susbsistema de persistencia de datos. Funciona como almacn de diferentes tipos de datos

para los principales subsistemas del navegador. Estos datos suelen estar relacionados con el
almacenamiento de historiales de navegacin y el mantenimiento de sesiones de usuario en
disco.Otros datos de alto nivel que tambin son gestionados por este subsistema incluyen las
preferencias de configuracin del navegador (de barras de herramientas, por ejemplo) o el
listado de marcadores. A bajo nivel, tambin administra los certificados de seguridad y las
cookies.

1.3 Lenguajes Y Tecnologas de Programacin en Entorno Cliente.

Los lenguajes de programacin del entorno cliente son aquellos que se ejecutan en el navegador
web, dicho de otro modo, en el lado cliente dentro de una arquitectura Cliente/Servidor. El
lenguaje cliente principal es HTML (lenguaje de marcado de hipertexto, HyperText Markup
Language), ya que la mayora de pginas del servidor son codificadas siguiendo este lenguaje para
describir la estructura y el contenido de una pgina en forma de texto.
Existen algunas alternativas y variaciones de este lenguaje tales como XML (lenguaje de marcas
extensible), DHTML (HTML dinmico) o XHTML (HTML extensible).
Con el fin de mejorar la interactividad con el usuario, en este grupo de lenguajes cliente podemos
incluir los lenguajes de script, tales como Javascript (el ms utilizado dentro de esta categora) o
VBScript. Tambin existen otros lenguajes como ActionScript (para crear contenido Flash) o
AJAX (como extensin a Javascript para la comunicacin asncrona).

1.3.1 HTML y Derivados.

HTML es una particularizacin de un lenguaje anterior, SGML.
El HTML (lenguaje de marcado de hipertexto, HyperText Markup Language) es el lenguaje de
marcas ms utilizado en la Web. Fue creado en 1989 a partir de dos elementos: por un lado el
concepto de hipertexto como herramienta bsica para conectar dos elementos (documentos o
recursos) entre s; y SGML como lenguaje bsico para colocar etiquetas o marcas en un texto.
Hay que tener en cuenta que HTML no es un lenguaje de programacin como puede serlo Java o
VisualBasic, sino que se basa en la utilizacin de un sistema de etiquetas cerrado aplicado a un
documento de texto. Adems este lenguaje no necesita ser compilado, sino que es interpretado
(ejecutado a medida que se avanza por el documento HTML). Una caracterstica particular de
HTML es que, ante un error de sintaxis que presente el texto, HTML no lo detectar y seguir con
la interpretacin del siguiente fragmento de documento. El entorno para desarrollar HTML puede
ser simplemente un procesador de textos.
Con el lenguaje HTML se pueden hacer gran variedad de acciones, desde organizar simplemente el
texto y los objetos de una pgina web, pasando por crear listas y tablas, hasta llegar a la esencia de
la Web:los hipervnculos.
Un hipervnculo es un enlace de una pgina web o un archivo a otra pgina web u otro archivo.
Cuando un usuario hace clic en un hipervnculo, el destino se mostrar en el explorador web, se
abrir o se ejecutar, en funcin del tipo de recurso destino. El destino es con frecuencia otra pgina
web, pero tambin puede ser una imagen, un archivo multimedia, un documento de Microsoft
Office, una direccin de correo electrnico, un programa, etc.
Con el tiempo HTML, ha ido evolucionando dando lugar a lenguajes derivados de este, como
XML,XHTML o DHTML, en funcin de la flexibilidad ofrecida al conjunto de etiquetas admitido o
de la integracin de HTML con otros lenguajes que permiten dotar de ms dinamismo e
interactividad a las pginas creadas con HTML.
XML es un lenguaje de etiquetas extensible muy simple, pero con unas reglas de codificacin
estrictas, que se utiliza para el intercambio de una gran variedad de datos. Es un lenguaje muy
similar a HTML (tambin deriva de SGML), pero su objetivo principal es describir datos para su
transferencia y no mostrarlos, como es el caso de HTML.

El lenguaje XHTML es tambin similar al lenguaje HTML. De hecho XHTML no es ms que una
adaptacin de HTML al lenguaje XML. Las pginas y documentos creados con XHTML son muy
similares a las pginas y documentos HTML. Actualmente los procesos de estandarizacin de
HTML y XHTML siguen procesos paralelos.
El HTML Dinmico (DHTML) consiste en una forma de aportar interactividad a las pginas web.
El origen de DHTML hay que buscarlo en la versin 4.0 de los navegadores Netscape
Communicator e Internet Explorer (y posteriores versiones de ambos navegadores), que permitieron
la integracin de HTML con lenguajes de scripting (Javascript), hojas de estilo en cascada
(CSS) y la identificacin de los contenidos de la pgina web en formato de rbol (DOM). Es la
combinacin de estas tecnologas la que permite aumentar la funcionalidad e interactividad de la
pgina.
La principal aportacin de DHTML es servir de herramienta con la que podemos crear efectos que
requieren poco o ningn ancho de banda ya que se ejecutan en el entorno del cliente. Se puede
utilizar para crear juegos, animaciones, aplicaciones, etc, para introducir nuevas formas de
navegar a travs de los sitios web, y para crear un autntico entramado de capas que solo con
HTML sera imposible abordar.
Aunque muchas de las caractersticas de DHTML se podran implementar con otras herramientas
como Java o Flash, DHTML ofrece la ventaja de que no requiere ningn tipo de extensin para
poder utilizarlo.

1.3.2 CSS
Las CSS (Hojas de Estilo en Cascada, Cascade Style Sheets) sirven para separar el formato que se
quiere dar a una pgina web de la estructura de la pgina web y las dems instrucciones. Utilizamos
CSS, por ejemplo, cuando queremos que en determinados prrafos de nuestra pgina web se use un
determinado tipo y tamao de letra, un color de fuente y un color de fondo. En vez de tener que
definir prrafo a prrafo todos los atributos del formato que queremos dar, solo hace falta que lo
definamos una vez, en la hoja de estilo (CSS). Nos basta con poner una referencia en nuestro
documento HTML que la dirija al formato que queremos darle, definido en la hoja de estilo.
De esta forma solo debemos poner esa referencia en cada prrafo, en vez de especificar el formato
uno por uno.

1.3.3 Javascript.
Javascript es un lenguaje de programacin de scripting (interpretado) y normalmente, embebido en
un documento HTML. Se define como orientado a objetos, dbilmente tipado y con caractersticas
dinmicas. Se utiliza principalmente su forma del lado del cliente, con un intrprete implementado
como parte de un navegador web.
Su objetivo principal es el de permitir realizar mejoras en la interfaz de usuario y, de esta forma,
crear pginas web dinmicas. Existe tambin una forma de javascript del lado del servidor.
Actualmente hay dos especificaciones estndares denominadas ECMAScript e ISO/IEC 16262.
A partir de la versin 5.1 de ECMAScript, este lenguaje est totalmente alineado con el estndar
ISO 16262.

Todos los navegadores modernos interpretan el cdigo Javascript integrado en las pginas web.

1.3.4 Applets de JAVA.

Una manera de incluir funcionalidades complejas en el mbito de una pgina web se puede hacer
integrando pequeos componentes (objetos independientes) en dicha pgina. Cuando la tecnologa
utilizada en estos componentes es Java los denominamos applets (estos fragmentos de cdigo Java
se ejecutan en el cliente). Estos applets se programan en Java y, por tanto se benefician de la
potencia y flexibilidad que este lenguaje nos ofrece. Es otra manera de incluir cdigo para ejecutar
en los clientes que visualizan una pgina web. Se trata de pequeos programas que se transfieren
con las pginas web y que el navegador ejecuta.
Los applets se envan al cliente precompilados, es por esto que la forma de trabajar de estos vara un
poco con respecto a los lenguajes de script como Javascript. Una de las ventajas de utilizar applets
es que son mucho menos dependientes del navegador que los scripts en Javascript, incluso
independientes del sistema operativo del ordenador donde se ejecutan. Adems Java es ms potente
que Javascript, por lo que el nmero de aplicaciones de los applets podr ser mayor.
Como desventaja frente al uso de Javascript, hay que destacar que los applets son ms lentos de
procesar y que tienen un espacio delimitado en la pgina donde se ejecutan, es decir no se mezclan
con todos los componentes de la pgina ni tienen acceso a ellos.

1.3.5 AJAX
AJAX (Javascript asncrono y XML) es un conjunto de tcnicas y mtodos de desarrollo web para
la creacin de aplicaciones web interactivas.
Este tipo de aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios que
acceden a una pgina web.
Al contrario de lo que sucede con una pgina web HTML/XHTML/DHTML, en la que la
comunicacin se interrumpe una vez el cliente recibe la pgina, con AJAX se mantiene una
comunicacin asncrona con el servidor en segundo plano (sin que el usuario sea consciente de
dicha comunicacin).
La consecuencia directa de esta tcnica es que podemos realizar cambios sobre las pginas del
cliente sin necesidad de que ste proceda a recargarlas. Este hecho implica un aumento de la
interactividad con el usuario y de la velocidad en las aplicaciones.
El fundamento de AJAX se encuentra en la utilizacin de un objeto especfico de Javascript
denominado XMLHttpRequest, disponible y aceptado por la mayora de los navegadores actuales.
AJAX no es una tecnologa en s misma, sino que en realidad es la combinacin de 4 tecnologas
existentes:

Lenguaje XHTML/HTML y hojas de estilo en cascada (CSS), con los que se especifican
la estructura y contenidos de la pgina web.

DOM, como forma de organizar en rbol los contenidos de una pgina para as poder
acceder ms fcilmente a un elemento determinado.

El objeto XMLHttpRequest que es el que tiene implementadas las operaciones necesarias

para comunicarse asncronamente con el servidor.

XML, como lenguaje utilizado por el objeto XMLHttpRequest para recuperar e

intercambiar informacin con el servidor.

AJAX est basado en estndares abiertos y ampliamente soportados, como Javascript o DOM,
por lo que es vlido para mltiples plataformas y utilizable en muchos sistemas operativos y
navegadores.

1.3.6 ADOBE FLASH Y ACTIONSCRIPT.

Flash es una tecnologa de animacin actualmente bajo licencia de Adobe y que utiliza
ActionScript como lenguaje principal. La principal ventaja de Flash es la capacidad para crear
grficos y animaciones vectoriales. Posee su propio lenguaje de programacin orientado a objetos
derivado del estndar ECMAScript (denominado ActionScript) que puede adaptarse a la mayora
de los navegadores y sistemas operativos. En los ltimos aos, la tendencia muestra que la
tecnologa Flash, est en declive, pudindose observar una mayor prevalencia de otras tecnologas y
lenguajes como HTML 5.

1.4 INTEGRACIN DEL CDIGO CON LAS ETIQUETAS HTML

Para que podamos desarrollar aplicaciones web que se ejecuten en el lado del cliente lo primero que
debemos saber es que el documento base estar escrito en HTML (o XHTML en su defecto).
Veremos algunas de las formas que un desarrollador de pginas web tiene a su disposicin a la hora
de integrar cdigo de scripting en documentos HTML.
La integracin de Javascript y HTML/XHTML podemos hacerla de diferentes formas. Esta
flexibilidad se refleja en al menos, tres formas de incluir cdigo Javascript en pginas web.

1.4.1 JAVASCRIPT EN EL MISMO DOCUMENTO HTML

HTML se basa en el uso de una etiquetas predefinidas para marcar el texto. Una de estas etiquetas
es <script> y ( </script> para indicar la finalizacin de un bloque de cdigo embebido). Esta
etiqueta puede incluirse en cualquier parte del documento, aunque se recomienda que el cdigo
Javascript, salvo para propsitos concretos de generacin de contenido a visualizar, se defina dentro
de la cabecera del documento HTML (entre las etiquetas <head> y </head>). Podemos ver un
ejemplo a continuacin:
<html>
<head>
<title> Ejemplo 1 </title>
<script type=text/javascript>
alert (Prueba de Javascript)
</script>
</head>
<body>
<h1>Ejemplo 1: codigo embebido</h1>

</body>
</html>
El ejemplo anterior muestra una pgina HTML, tenemos que aadir el atributo type con el valor
text/javascript.
Esta tcnica suele utilizarse cuando se definen instrucciones que se referenciarn desde cualquier
parte del documento o cuando se definen funciones con fragmentos de cdigo genricos. La mayor
desventaja de este mtodo es que, si ese fragmento de cdigo lo queremos utilizar en otras pginas,
debemos incluirlo en cada una de ellas, lo cual es un inconveniente cuando tenemos que realizar
modificaciones de dicho cdigo

1.4.2 JAVASCRIPT EN UN ARCHIVO EXTERNO

Las mismas instrucciones de Javascript que se incluyen entre un bloque <script></script> pueden
almacenarse en un fichero externo con extensin .js. Al igual que sucede con los documentos
HTML, los ficheros .js pueden crearse con cualquier editor de texto. A continuacin se muestra el
contenido de un fichero externo que contiene cdigo Javascript
Archivo mensaje.js:
alert (Prueba de Javascript)
La forma de acceder y enlazar esos ficheros .js con el documento HTML/XHTML es a travs de la
propia etiqueta <script>. No existe un lmite en el nmero de ficheros .js que pueden enlazarse en
un mismo documento HTML/XHTML. El siguiente ejemplo muestra cmo se enlazara un
documento HTML/XHTML con el fichero anterior mensaje.js.
<html>
<head>
<title> Ejemplo 1 </title>
<script type=text/javascript src=/inc/mensaje.js>
</script>
</head>
<body>
<h1>Ejemplo 2: Fichero externo</h1>
</body>
</html>
Al igual que en el ejemplo anterior, para que esta tcnica funcione, adems del atributo type,
tenemos que incluir el atributo src. Este atributo contendr un valor que indicar la ruta relativa
(con respecto al fichero HTML/XHTML) de la ruta donde se encuentra el archivo Javascript que
se quiere enlazar. En este caso est dentro de una carpeta denominada inc. La nica restriccin de la
etiqueta <script> es que solo puede enlazarse un archivo en cada etiqueta. Podemos incluir el
nmero de etiquetas <script> que necesitemos.
Entre las ventajas de este mtodo est que la vinculacin de un mismo fichero puede hacerse desde
varios documentos HTML/XHTML distintos. De esta forma, en el caso de que haya que modificar
algo, solo hay que hacerlo en un nico fichero. Cualquier modificacin realizada en el fichero
externo se ve reflejada de inmediato en todas las pginas que lo enlacen.

1.4.3 JAVASCRIPT EN ELEMENTOS HTML

El ltimo mtodo suele utilizarse habitualmente como forma de controlar los eventos que suceden
asociados a un elemento HTML concreto (aunque tambin puede utilizarse con otros fines).
Consiste en insertar fragmentos de Javascript dentro de atributos de etiquetas HTML de la pgina.
<html>
<head>
<title> Ejemplo 3</title>
</head>
<body>
<p onclick=alert(Prueba de Javascript);>
Ejemplo 3
</p>
</body>
</html>
La principal desventaja es que el cdigo Javascript se intercala con el cdigo HTML y, dependiendo
de la complejidad y longitud de ste, el mantenimiento y modificacin del cdigo puede resultar
ms complicado.