Conceptos básicos

JavaScript es un lenguaje interpretado en el cliente por el navegador al momento de cargarse la pagina, es multiplataforma, orientado a eventos con manejo de objetos, cuyo codigo se incluye directamente en el mismo documento HTML.

Hasta entonces ya se usaba HTML y JAVA, pero la aparición del JavaScript produjo una importante revolución, ya que dio al usuario la posibilidad de crear aplicaciones "on-line" osea modificar p&á;ginas web en tiempo real, sin usar CGI´s.

1. Caracteristicas

2. Diferencia con JAVA

3. Principales aplicaciones

Si bien hoy en d&í;a, JavaScript, es un lenguaje muy usado, sus principales aplicaciones son:

Aunque según pasa el tiempo sus aplicaciones se van incrementando.

4. Donde incluirlo

Antes siquiera de que conozcamos la sintaxis o una primera orden de JavaScript, debemos saber primero cómo se incluye un script dentro de un documento HTML.

Hay otra manera de ejecutar codigoi JavaScript y es directamente en la ventana de un navegador, es decir donde se pondria la URL. Pruebalo poniendo por ejemplo: javascript:nombre="Juan";window.alert("Mi nombres es "+nombre);. Funciona, pero claro es muy tonto porque no se almacena en ningun lado por lo que hay que escribirlo cada vez.

El codigo JavaScript se inserta directamente en nuestra pagina HTM. Hay cuatro (4) maneras de hacerlo:

4.1 En el cuerpo del documento

Es decir entre los comandos <BODY> y </BODY> usando el comando SCRIPT

<!doctype htm>
<Html>
<Head>
   <TITLE>Titulo</TITLE>
</Head>
<Body>
<Script LANGUAGE=JavaScript>
   <!-- escondemos el codigo>
   document.write("Hola que tal");
   // hasta aqui escondo -->
</Script>
</Body>
</Html>

Este codigo se ejecuta inmediatamente al cargar la pagina y lo que produce es un texto sobre la pagina, para ello use el metodo write del objeto document, que representa al documento actual.

Nota que use un comentario <!-- --> para ocultar el codigo a los navegadores que no soportan JavaScript.

4.2 En archivo aparte

En este caso todo el codigo del script esta situado en otro archivo y se hace una llamada.

<!doctype htm>
<Html>
<Head>
   <Title>Titulo</Title>
</Head>
<Body>
<Script SRC=codigo.js>
</Script>
</Body>
</Html>

Nota que aqui no fue neceario esconder ningun codigo y que los navegadores que no soporte el comando Script simplemente lo ignoraran.

4.3 Usando manejadores de evento

Los comandos de JavaScript son evaluados inmediatamente al cargarse la pagina. Las funciones son almacenadas, pero no ejecutadas, hasta cierto evento.

<!doctype htm>
<Html>
<Head>
   <Title>Titulo</Title>
</Head>
<Body>
<a href="" onMouseOver="window.status='Figura';return true">
<IMG SRC=fig.gif></A>
</Body>
</Html>

Nota que aqui es un evento el que dispara.

4.4 Haciendo una llamada a función

Dentro de la cabecera, despues del titulo. Es decir, entre los comandos </TITLE> y </HEAD> y luego la llamada a la funcion en el cuerpo.

<!doctype htm>
<Html>
<Head>
   <Title>Titulo</Title>
   <Script>
      <!-- escondemos el codigo>
      funcion llamada(x){
         alert("Le dije que NO!"+x);
      }
   // hasta aqui escondo -->
   </Script>
</Head>
<Body>
No haga Clic <A HREF="JavaScript:llamada('Curioso!')">AQUI</A>
</Body>
</Html>

Observa que aqui se definio la funcion en la cabecera, pero recien se ejecuta al hacer clic en el enlace, que es el evento que llama a la funcion a la cual se le para un parametro.

Excepto en texto encomillado, JavaScript es sensible a mayusculas y misnusculas, por lo que tendras que tener el cuidado al usar por ejemplo document.write de escribirlo asi, en minusculas o no se interpretara. Cualquier error simplemente es ignorado. Se puede usar la comilla simple para los valores de atributos.