|
Introducción
¿Qué es JavaScript?
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.
A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java.
Un poco de historia
Con unas aplicaciones web cada vez más complejas y una velocidad de navegación tan lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el navegador del usuario. De esta forma, si el usuario no rellenaba correctamente un formulario, no se le hacía esperar mucho tiempo hasta que el servidor volviera a mostrar el formulario indicando los errores existentes. |
Incluir JavaScript en el mismo documento XHTML
El código JavaScript se encierra entre etiquetas <script> y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de código en cualquier zona de la página, se recomienda definir el código JavaScript dentro de la cabecera del documento (dentro de la etiqueta <head>):
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript"> alert("Un mensaje de prueba"); </script>
</head>
El principal inconveniente es que si se quiere hacer una modificación en el bloque de código, es necesario modificar todas las páginas que incluyen ese mismo bloque de código JavaScript.
Definir JavaScript en un archivo externo
Las instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta <script>.
<script type="text/javascript" src="/js/codigo.js"></script>
Ejemplo de archivo codigo.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de código JavaScript en el propio documento</title>
<script type="text/javascript" src="/js/codigo.js"></script>
</head>
<body>
<p>Un párrafo de texto.</p>
</body>
</html>
Además del atributo type, este método requiere definir el atributo src, que es el que indica la URL correspondiente al archivo JavaScript que se quiere enlazar. Cada etiqueta <script> solamente puede enlazar un único archivo, pero en una misma página se pueden incluir tantas etiquetas <script> como sean necesarias.
Incluir JavaScript en los elementos XHTML
Este último método es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del código XHTML de la página:
</head>
<body>
<p onclick="alert('Un mensaje de prueba')">Un párrafo de texto.</p>
</body>
Un ejemplo practico
Un ejemplo que se puede encontrar en cualquier página Web y que ilustra como incluir JavaScript en un archivo externo es el siguiente:
Texto en la cabecera despues del titulo:
<script type="text/javascript" src="/js/codigo.js"></script>
Texto en el cuerpo de la página donde queramos que aparesca <body>:
<script> Derechos_reservados()</script>
Texto en el archivo exterior ("/js/codigo.js") el texto seria el siguiente:
function Derechos_reservados(){
document.write('<font class="MenuInferior">Copyright ©2004-2008 <a href="http://www.ServiciosJFP.com"> <FONT color=blue>www.ServiciosJFP.com</FONT></a>. Todos los derechos reservados.</font>');
}
Este último ejemplo es el que aconsejo para trabajar con los ficheros JavaScript, ya que su mantenimiento es muy fácil. Si tenemos 10 páginas que ponga esta frase, y queremos cambiar la frase solo hay que modificar el archivo exterior ("/js/codigo.js") y los cambios nos aparecerán en todas las páginas.
Yo recomiendo que los menús de la página Web, también se hagan con esta técnica de programar.
|
