Vous êtes sur la page 1sur 5

> Cdigo del script </SCRIPT>

podr especificarse para insertar en un documento un script de un lenguaje determinado y que cuyo cdigo fuente se encuentra en un acrhivo especificado en un determinado url. A continuacin enunciaremos algunos puntos a tener encuenta respecto a la introduccin de JavaScript en un documento HTML:

El script insertado mediante la marca SCRIPT es evaluado por el cliente tras la visualizacin de la pgina HTML. Las funciones definidas no se ejecutan inmediatamente, dependen de los eventos asociados a la pgina. La insercin del script mediante la marca SCRIPT puede colocarse en cualquier lugar del documento HTML pero se recomienda colocarla en la cabecera, es decir, en la zona definida por el HEAD. De este modo, el script est definido desde el principio del documento, lo que garantiza que ste se visible en todo el documento. Si se definen, adems del script mediante el atributo SRC, scripts en el propio documento, el cliente evaluar en primer lugar el insertado mediante el atributo SRC y seguidamente los incluidos en el documento. Los URL correspondientes a un JavaScript poseen generalmente la extencin .js. Es preferible delimitar los scripts insertados en un documento por comentarios HTML para asegurarse de que el contenido del script no aparecer en los clientes que no reconozcan la marca SCRIPT. Por ejemplo:
<SCRIPT LANGUAGE="JavaScript"> <-- Disimula el contenido del script para navegadores no compatibles Cdigo del script //--> </SCRIPT>

El lenguaje JavaScript no es case sensitive, es decir, no distinque maysculas de minsculas salvo en las cadanas de caracteres literales.

Por ltimo, comentar otra forma de introducir scripts en documentos HTML, y es incluir estos script como controladores de eventos de algunas marcas, como pueden ser la marcas de imgenes, anclas, links, botonoes, etc. Veamos a continuacin un ejemplo:
<A HREF="index.htm" OnClick="alert('ir al ndice')"> Ir al ndice </A>

Ir al ndice
Como puede verse, dentro de la marca, como atributo de esta, se pone un controlador de eventos y despus del signo igual y entre comillas se incluye el cdigo de JavaScript. Ahora bien, tambin es posible llamar a una funcin del HEAD del documento. Se recomienda esta segunda opcin ya que es una manera ms limpia y clara de escribir pginas. Se conseguira lo mismo que en el ejemplo anterior de esta forma:

<HEAD> <SCRIPT LANGUAGE="JavaScript"> <-- Disimula el contenido del script para navegadores incompatibles function alerta() { alert(" Ir al ndice"); } //--> </SCRIPT> ... </HEAD> <BODY> <A HREF="index.htm" OnClick="alerta()"> Ir al ndice </A> ... </BODY>

Ir al ndice

1.5. Las versiones de JavaScript.


La versin 1.0 de JavaScript naci con el Netscape Navigator 2.0. Posteriormente, surgieron las versiones 1.1 y 1.2 de JavaScript con las versiones 3 y 4 del Netscape. Tambin existe una versin 1.3, introducida en la versin 4.07 del Netscape Navigator. Esta versin es una pequea revisin de la 1.2 creada para ajustarse al estndar internacional ECMA que regula el lenguaje JavaScript. En cuanto a Microsoft Internet Explorer en su versin 3.0 interpreta JScript, que es muy similar a JavaScript 1.0 pero con algunas incompatibilidades. Pero ya su versin 4.0 soporta sin nign problema, la versin 1.1 de JavaScript. Para tener en cuenta la versiones colocar en el atributo LANGUAGE de la marca SCRIPT la versin con la que se pienza trabajar. Por ejemplo para la versin:

LANGUAGE="JavaScript1.1"

1.6. Los comentarios en JavaScript.


A continuacin empezaremos ya en este captulo a estudiar uno de los elementos ms simples de los que se compone un lenguaje de programacin, aunque no por ello son los menos importantes, estamos hablando de los comentarios. Los comentarios en el cdigo permiten insertar observaciones observaciones del autor del cdigo para describir las distintas partes del programa. El interprete JavaScript los ignora y posee por ello una sintaxis particular. Se distinguen los comentarios en una sola lnea, precedidos por la barra oblicua doble // y los comentarios en varias lneas delimitados por los smbolos /* y por */. Por ejemplo:

// esto es un comentario /* esto es un comentario de varias lneas con una longitud cualquiera */

1.7. Identificadores y palabras reservadas.


Conocer cual es la sintaxis de los identificadores y cuales son las palabras reservadas son aspectos de necesario conocimiento antes de empezar a escribir un programa en un lenguaje de programacin determinado.

1.7.1. Identificadores en JavaScript.


Los identificadores de un lenguaje son la ristra de caracteres que le asignamos a los nombres de variables, constantes, funciones, objetos, etc..., que nosotros definimos en dicho lenguaje, estos son necesarios para poder invocar a dichos elementos en lugares posteriores a su definicin. Los identificadores deben seguir las siguientes reglas:

El identificador debe empezar por una letra o por el caracter '_'. Los caracteres siguientes, adems de letras o el caracter '_', pueden ser cifras.

Recordar que le uso de maysculas o minsculas no es importante porque JavaScript no diferencia de los nombres de maysculas o minsculas en los identificadores. Veamos algunos ejemplos de nombres de variables:
Num_linea aux1 _exit

1.7.2. Las palabras reservadas.


Primeramente decir que las palabras reservadas son palabras especiles que se utilizan para aumentar la legibilidad y separar las entidades sintcticas. Estas palabras no pueden usarse como identificadores. A continuacin veremos un cuadro en el que se muestran todas las palabras reservadas existentes en JavaScript, estas palabras tiene o tendrn un significado especial dentro del lenguaje:

1.8. Algunos ejemplos sencillos.


Una vez que nos hemos empezado a introducir en el mundo de JavaScript es hora de empezar a ver al lenguaje "en accin" viendo una bateria de ejemplos muy sencillos que nos permitirn ir adentrndonos en la potencia de este lenguaje.

Ejemplo 1: Visualizacin de texto mediante una ventana.


Como primer ejemplo no hay nada mejor que el clsico programa Hola mundo!. ste mostrar una ventana conteniendo el famoso mensaje cuando se pulse sobre el botn ejemplo1. Para ello debemos generar el siguiente cdigo fuente.
<CENTER> <FORM> <INPUT Type="button" Value=" ejemplo1 " onClick="Alert(' Hola mundo! ')"> </FORM> </CENTER>

Ejemplo 2: Definicin de una funcin.


Este ejemplo define una funcin que calcula el cuadrado de un nmero y visualiza el resultado en una ventana parecida a la anterior. Esto se llevar a cabo cuando se pulse sobre el botn ejemplo2. Como sabemos la funcin se tendr que definir entre las marcas (<SCRIPT>,</SCRIPT>) que se encuentran dentro de la cabecara (HEAD) del documento.
... <HEAD> ... <SCRIPT Laguage="JavaScript"> <!-function Cuadrado(numero) { return numero * numero; } //--> </SCRIPT> ... </HEAD> <BODY> ... <CENTER><FORM> El cuadrado de 5 es: <INPUT Type="button" Value=" ejemplo2 " onClick="alert(Cuadrado(5))"> </FORM></CENTER>

El cuadrado de 5 es:

Ejemplo 3: Interaccin con un formulario.

Este ejemplo es refleja la interaccin de un script con un formulario, esta es una de las aplicaciones en la que los programadores de pginas Web echan mano de JavaScript. Concretemante en este ejemplo el usuario introducir una expresin aritmtica en un campo de texto del formulario y el script le pedir al usuario que la confirme antes de pasar a evaluarla. Ms adelante ( captulo 8 ), se comprobar si de verdad la expresin est bien o mal, es decir, no se limitar a preguntarle al usuario y a fiarse de su respuesta.
... <HEAD> ... <SCRIPT Laguage="JavaScript"> <!-function evalua(form) { if (confirm("Est seguro?")) form.result.value = eval (form.expr.value); else alert("Intntelo de nuevo."); } //--> </SCRIPT> ... </HEAD> <BODY> ... <CENTER><FORM> Introduzca la expresin: <INPUT Type="text" name="expr" Size=10>

Resultado: <INPUT Type="text" name="result" Size=10>

<INPUT Type="button" Value=" Evaluar " onClick="evalua(this.form)"> </FORM></CENTER>

Introduzca la expresin: Resultado:

Vous aimerez peut-être aussi