PDF de programación - Manual JavaScript

Curso de JavaScript

Lola Cardenas Luque
http://rinconprog.metropoli.com
[email protected]
Ultima actualizacion:  de febrero de 


Lola Cardenas Luque

Curso de JavaScript

Indice General




Introduccion

 Tipos de datos. Estructuras de control. Declaracion de funciones

Sintaxis de JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. Variables
. Tipos de Datos
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. Operadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
..
Operadores Aritmeticos . . . . . . . . . . . . . . . . . . . . . . . .
..
Incrementos y decrementos . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . .
.. Otros operadores
. Estructuras de control en JavaScript . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . .
. Ejercicios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..

..
Funciones
..
Ambito de las variables

Condicional:
Bucles:

.

 Funciones propias del lenguaje

.


Funciones propias del lenguaje . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Ejemplos:
.
.

.
.
Ejemplos:
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.
. Ejemplos:



Introduccion a los objetos
.

Introduccion a los objetos

. . . . . . . . . . . . . . . . . . . . . . . . . . .

 Los objetos del lenguaje. El objeto String

.
El objeto String . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. Propiedades del objeto String . . . . . . . . . . . . . . . . . . . . . . . . .
. Metodos del objeto String . . . . . . . . . . . . . . . . . . . . . . . . . . .

 Los objetos del lenguaje. Los objetos Array y Math

.
El objeto Array . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.
.
Propiedades del objeto Array . . . . . . . . . . . . . . . . . . . . .
.
. Metodos del objeto Array . . . . . . . . . . . . . . . . . . . . . . .
. El objeto Math . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
..

Propiedades del objeto Math . . . . . . . . . . . . . . . . . . . . .
.. Metodos del objeto Math . . . . . . . . . . . . . . . . . . . . . . .






















































.
El objeto Date

 Los objetos del lenguaje. Los objetos Date, Boolean, Number y Function 





. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.
.
Metodos del objeto Date . . . . . . . . . . . . . . . . . . . . . . . .
. El objeto Boolean . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. El objeto Number . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

http://rinconprog.metropoli.com

v

Curso de JavaScript

Lola Cardenas Luque

. El objeto Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. Unas consideraciones nales . . . . . . . . . . . . . . . . . . . . . . . . . .

 Los objetos del navegador. Jerarqua

Los objetos del navegador. El objeto window

.
El objeto window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.
.
Propiedades del objeto window . . . . . . . . . . . . . . . . . . . .
.
. Metodos del objeto window . . . . . . . . . . . . . . . . . . . . . .


Los objetos del navegador. Los objetos frame, location, history y navi-


.
.
Propiedades del objeto frame

.
. Metodos del objeto frame

gator

.
El objeto frame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . .

. El objeto location . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades del objeto location . . . . . . . . . . . . . . . . . . . .

.. Metodos del objeto location . . . . . . . . . . . . . . . . . . . . . .

. El objeto history . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades del objeto history . . . . . . . . . . . . . . . . . . . . .

.. Metodos del objeto history . . . . . . . . . . . . . . . . . . . . . . .

. El objeto navigator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .


..
Propiedades del objeto navigator

.. Metodos del objeto navigator



























Los objetos del navegador. Los objetos document, anchor, link e image 












.
El objeto document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


.
.
Propiedades del objeto document . . . . . . . . . . . . . . . . . . .


.
. Metodos del objeto document . . . . . . . . . . . . . . . . . . . . .


. El objeto link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


..
Propiedades del objeto link . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


..
Propiedades del objeto anchor . . . . . . . . . . . . . . . . . . . . .


. El objeto image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .


..
Propiedades del objeto image . . . . . . . . . . . . . . . . . . . . .



. El objeto anchor


 Los objetos del navegador. Formularios


.
El objeto form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

.
.
Propiedades del objeto form . . . . . . . . . . . . . . . . . . . . . .

.
. Metodos del objeto form . . . . . . . . . . . . . . . . . . . . . . . .

. Los objetos text, textarea y password . . . . . . . . . . . . . . . . . . . . .

..
Propiedades de los objetos text, textarea y password . . . . . . . .

.. Metodos de los objetos text, textarea y password . . . . . . . . . .

. Los objetos button . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades de los objetos button . . . . . . . . . . . . . . . . . . .

.. Metodos de los objetos button . . . . . . . . . . . . . . . . . . . . .


















vi

http://rinconprog.metropoli.com

Lola Cardenas Luque

Curso de JavaScript


. El objeto checkbox . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades del objeto checkbox . . . . . . . . . . . . . . . . . . . .

.. Metodos del objeto checkbox . . . . . . . . . . . . . . . . . . . . . .

. El objeto radio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades del objeto radio . . . . . . . . . . . . . . . . . . . . . .

.. Metodos del objeto radio . . . . . . . . . . . . . . . . . . . . . . . .

. El objeto select . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . .

. El objeto hidden . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

..
Propiedades del objeto hidden . . . . . . . . . . . . . . . . . . . . .


..
Propiedades del objeto select


 Eventos en JavaScript














http://rinconprog.metropoli.com

vii

Lola Cardenas Luque

Curso de JavaScript




Introduccion

Todos los que hasta ahora hayan seguido el curso de HTML, se habran dado cuenta de
una cosa: crear un documento HTML es crear algo de caracter estatico, inmutable con el
paso del tiempo. La pagina se carga, y ah termina la historia. Tenemos ante nosotros la
informacion que buscabamos (o no ;) ), pero no podemos INTERACTUAR con ella.

Surge despues la interfaz CGI que, unida a los formularios, comienza a permitir un
poco de interactividad entre el cliente (quien esta navegando) y el servidor (quien aloja las
paginas). Podemos rellenar un formulario y enviarselo al servidor, teniendo de esta manera
una va de comunicacion.

Sin embargo, para hacer esto (enviar un formulario) necesitamos hacer una nueva pe-
ticion al servidor quien, cuando la procese, nos enviara (si procede) el resultado. >Y si nos
hemos olvidado de rellenar algun campo? Cuando el servidor procese la informacion, se
dara cuenta de que nos hemos olvidado de rellenar algun campo importante, y nos enviara
una pagina con un mensaje diciendo que nos faltan campos por rellenar. Tendremos que
volver a cargar la pagina, rellenar el formulario, enviarlo, el servidor analizarlo, y, si esta
vez no ha fallado nada, nos dara su respuesta.

Todo esto supone recargar innecesariamente la red si de alguna manera desde
el propio cliente existiera una forma de poder comprobar esto antes de enviar nuestra
peticion al servidor, con el consiguiente ahorro de tiempo.

Buscando la interactividad con el servidor, surgen lenguajes destinados a ser usados en
la red. Uno de ellos es el conocido lenguaje Java, o la tecnologa ActiveX. Sin embargo,
ambos tienen el mismo problema: para alguien no iniciado, el aprendizaje de alguna de estas
opciones supone un esfuerzo considerable. Ademas, el volumen de informacion que debe
circular por la red al usar este metodo, vuelve a hacer que los tiempos de carga resulten
largos y por tanto poco adecuados (he