HERRAMIENTAS WEB PARA
TEMA RESUMÈN: Java Script
Autor: José Mateo
Qué es Javascript?
JavaScript, al igual que Java o VRML, es una de las múltiples maneras
que han surgido para extender las capacidades del lenguaje HTML. Al ser la más
sencilla, es por el momento la más extendida. Antes que nada conviene aclarar algunas
cosas:
Este documento
tiene como objetivo mostrar una parte de las potencialidades del JavaScript. No pretende ser una guía completa, sino sólo
una pequeña introducción.
El Microsoft
Explorer soporta el JavaScript, sólo que cambiándole
el nombre. La versión 3.0 interpreta el JavaScript,
que es similar al JavaScript 1.0 pero con algunas
diferencias para provocar ciertas incompatibilidades. A continuación se muestra una tabla con las
versiones y compatibilidades del JavaScript.
|
Versión |
Navegador |
Versión |
Navegador |
|
Javascript 1.0 |
Netscape 2.0 |
JScript 1.0 |
Explorer 3.0 |
|
Javascript 1.1 |
Netscape 3.0 |
JScript 3.0 |
Explorer 4.0 |
|
Javascript 1.2 |
Netscape 4.0-4.05 |
JScript 5.0 |
Explorer 5.0 |
|
Javascript 1.3 |
Netscape 4.06-4.71 |
|
|
Para entender
el JavaScript es bueno conocer previamente el
lenguaje HTML y ayudan mucho los conocimientos sobre la sintaxis de C, C++ o
Java.
Para ejemplo y comprensión, se mostrará un pequeño programa en JavaScript, el
cual hará surgir una ventana que muestra el mensaje "Saludos a todos en
SaludosClaseHWCT.html
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function
SCHWCT() {
alert("Saludos a todos en
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE="button"
NAME="Boton" VALUE="Pulsame"
onClick="
SCHWCT ()">
</FORM>
</BODY>
</HTML>
Ahora que significa
cada uno de los elementos que tiene la página anterior:
<SCRIPT
LANGUAGE="JavaScript">
</SCRIPT>
Dentro de
estos elementos será donde se puedan poner funciones en JavaScript.
Se pueden poner cuantos sean a lo largo del documento y en el lugar que más
guste. Se ha elegido la cabecera para hacer más legible la parte HTML de la
página. Si un navegador no acepta JavaScript no leerá
lo que hay entre estos elementos. Así que si se programa algo que sólo funcione
con la versión 1.1 se pondrìa LANGUAGE= "JavaScript1.1" para que los navegadores antiguos salten
el código y no se compliquen.
function
SCHWCT() {
alert("Saludos
a todos en
}
Esta es la
primera función en JavaScript. Aunque JavaScript esté orientado a objetos no es de ningún modo
tan estricto como Java, donde nada está fuera de un objeto. En el código de la función vemos una llamada
al método alert (que pertenece al objeto window) que es la que se encarga de mostrar el mensaje en
pantalla.
<FORM>
<INPUT TYPE="button"
NAME="Boton" VALUE="Pulsame"
onClick="SCHWCT()">
</FORM>
Dentro del
elemento que se usa para mostrar un botón se observa algo: onClick.
Es un controlador de evento. Cuando el usuario pulsa el botón, el evento click se dispara y ejecuta el código que tenga entre
comillas el controlador de evento onClick, en este
caso la llamada a la función HolaMundo(), que se tuvo que haber definido con anterioridad. Existen
muchos más eventos en los que se podrá investigar.
En realidad, se
pudo escribir lo siguiente:
<FORM>
<INPUT TYPE="button"
NAME="Boton" VALUE="Pulsame"
onClick="alert('¡ Saludos a
todos en
</FORM>
y se habría ahorrado el tener que escribir la función y todo lo que
le acompaña.
Elementos básicos
Lo primero que
se verá son los bloques básicos del lenguaje. Son cosas que es imprescindible
aprender antes que nada.
Algo muy
importante es indicar cómo se ponen los comentarios. Un comentario es una parte
del programa que el ordenador ignora y
que, por tanto, no realiza ninguna tarea. Se utilizan generalmente para poner
en lenguaje humano lo que se está haciendo en el lenguaje de programación y así
hacer que el código sea más comprensible.
En JavaScript existen dos tipos de comentarios. El primero permite que el resto de la línea
sea un comentario. Para ello se utilizan dos barras inclinadas:
var i = 1; // Aqui esta el
comentario
Sin embargo,
también permite un tipo de comentario que puede tener las líneas que queramos.
Estos comentario comienzan con /* y terminan por */. Por ejemplo:
/* Aqui
comienza el comentario
que sigue
indefinidamente hasta que se le indique el final */
Literales
Se llama así a
los valores que puede tomar una variable o una
constante. Aparte de los distintos tipos
de números y valores:
"Soy una
cadena"
3434
3.43
true, false
También pueden
especificarce vectores:
vacaciones =
["Navidad", "Semana Santa", "Carnaval"];
Dentro de las
cadenas se pueden indicar varios caracteres especiales, con significados
especiales. Estos son los más usados:
|
Carácter |
Significado |
|
\n |
Nueva línea |
|
\t |
Tabulador |
|
\' |
Comilla simple |
|
\" |
Comilla doble |
|
\\ |
Barra invertida |
|
\999 |
El número ASCII (según la codificación Latin-1)
del carácter en hexadecimal |
Sentencias y bloques
En Javascript las sentencias se separan con un punto y coma, y
se agrupan mediante llaves ({ y }).
Tipos de datos
El tipo de
datos es la clase de valores que puede tomar un identificador (es decir, una
variable o una constante). Si el tipo de datos es fecha, el identificador que
tenga ese tipo sólo podrá almacenar fechas. En Javascript
los tipos de datos se asignan dinámicamente según se asignan valores a las
distintas variables y son los clásicos: cadenas, varios tipos de enteros y
reales, valores booleanos, vectores, matrices,
referencias y objetos. Los tipos de
datos son en general: Variables, Referencias, Vectores y Matrices.
Infografía:
En esta página se puede encontrar ayuda para las personas que ya
utilizan Java Script. Como por ejemplo: Poner la Fecha con día de la semana y
mes
para que no se copien el código ni las
imágenes de las páginas, Mensaje en la Barra de Estado tipo
Flash, Mensaje en la Barra de Estado Fecha y
Hora,
Mensaje en Movimiento, etc.
www.webservicio.com/javascript/
La siguiente guía habla sobre las compatibilidades
del Java Script, esto garantiza que todas las
funciones descritas sean capaces de ejecutarse en los navegadores más antiguos
y abundantes en Internet. Al emplearse una versión de JavaScript
anterior asegura que su aplicación pueda ser observada por una mayor audiencia.
www.osmosislatina.com/lenguajes/javascript/
En este sitio web se podrán
encontrar diversos link que llevan a conocer punto por punto la programación en
Java Script. Como por ejemplo: Abrir una Ventana, Biblioteca de aplicaciones Web, Cómo hacer un pop-up con JavaScript, Cambio dinámico de Imagen, Cerrando la Ventana, Compactando el código de los scripts, Comprobar si las claves son
iguales, Confirmación de envío de
formulario, etc.
www.abcdatos.com/tutoriales/programacion/java/javascript/
En esta enciclopedia virtual se puede observar primeramente la
historia del Java Script. Seguidamente se desplega un manual bastante completo del tema que incluye
puntos como: Elementos del Lenguaje, Espacio en blanco, Estructuras de Datos, Estructuras de Control, Operador ternario, Bucle While, do...while..., Bucle for., Bucle for...in., Declaración switch, Enlaces externos. Y por último links de interés.
www.es.wikipedia.org/wiki/JavaScript/
Es una página dedicada a publicar una variada cantidad de
ejemplos factibles y aplicables de la mayoría de las funciones que ofrece esta
herramienta a los programdores. Además se puede observar un paso a paso de cómo
se realizan las funciones básicas y no básicas del Java Script
necesarias para la creación y elaboración de páginas web.