PDF de programación - Introducción a JavaScript

www.librosweb.es



Introducción a

JavaScript



Javier Eguíluz Pérez

Introducción a JavaScript

Sobre este libro...

▪ Los contenidos de este libro están bajo una licencia Creative Commons Reconoci-
miento - No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licen-
ses/by-nc-nd/3.0/deed.es)

▪ Esta versión impresa se creó el 20 de noviembre de 2007 y todavía está
incompleta. La versión más actualizada de los contenidos de este libro se puede
encontrar en http://www.librosweb.es/javascript

▪ Si quieres aportar sugerencias, comentarios, críticas o informar sobre errores,

puedes contactarnos en [email protected]

2

www.librosweb.es

Introducción a JavaScript

Capítulo 1. Introducción.................................................................................. 6
1.1. ¿Qué es JavaScript? ................................................................................. 6
1.2. Breve historia .......................................................................................... 6
1.3. Especificaciones oficiales ........................................................................... 7
1.4. Cómo incluir JavaScript en documentos XHTML ............................................ 7
1.4.1. Incluir JavaScript en el mismo documento XHTML................................... 7
1.4.2. Definir JavaScript en un archivo externo................................................ 8
1.4.3. Incluir JavaScript en los elementos XHTML ............................................ 9
1.5. Etiqueta <noscript> ................................................................................. 9
1.6. Glosario básico ....................................................................................... 10
1.7. Sintaxis ................................................................................................. 11
1.8. Posibilidades y limitaciones ...................................................................... 12
1.9. JavaScript y navegadores......................................................................... 12
1.10. JavaScript en otros entornos...................................................................13
Capítulo 2. El primer script ............................................................................ 14
Capítulo 3. Programación básica ................................................................... 17
3.1. Variables ............................................................................................... 17
3.2. Tipos de variables ................................................................................... 19
3.2.1. Numéricas........................................................................................ 19
3.2.2. Cadenas de texto .............................................................................. 19
3.2.3. Arrays ............................................................................................. 20
3.2.4. Booleanos ........................................................................................ 21
3.3. Operadores ............................................................................................ 22
3.3.1. Asignación ....................................................................................... 22
3.3.2. Incremento y decremento ..................................................................22
3.3.3. Lógicos ............................................................................................ 24
3.3.4. Matemáticos ..................................................................................... 25
3.3.5. Relacionales ..................................................................................... 26
3.4. Estructuras de control de flujo ..................................................................27
3.4.1. Estructura if ..................................................................................... 28
3.4.2. Estructura if...else ............................................................................. 30
3.4.3. Estructura for ................................................................................... 32
3.4.4. Estructura for...in.............................................................................. 33
3.5. Funciones y propiedades básicas de JavaScript ...........................................34
3.5.1. Funciones útiles para cadenas de texto ................................................34
3.5.2. Funciones útiles para arrays ...............................................................36
3.5.3. Funciones útiles para números ............................................................37
Capítulo 4. Programación avanzada .............................................................. 39
4.1. Funciones .............................................................................................. 39
4.1.1. Argumentos y valores de retorno.........................................................41
4.2. Ámbito de las variables............................................................................ 45
4.3. Sentencias break y continue .....................................................................47

www.librosweb.es

3

Introducción a JavaScript

4.4. Otras estructuras de control .....................................................................48
4.4.1. Estructura while ................................................................................ 48
4.4.2. Estructura do...while ......................................................................... 49
4.4.3. Estructura switch .............................................................................. 50
Capítulo 5. DOM............................................................................................. 52
Capítulo 6. Eventos ....................................................................................... 62
6.1. Modelos de eventos................................................................................. 62
6.1.1. Modelo básico de eventos...................................................................62
6.1.2. Modelo de eventos estándar ...............................................................63
6.1.3. Modelo de eventos de Internet Explorer ...............................................63
6.2. Modelo básico de eventos......................................................................... 63
6.2.1. Tipos de eventos ............................................................................... 63
6.2.2. Manejadores de eventos.....................................................................64
6.3. Obteniendo información del evento (objeto event).......................................69
6.3.1. Información sobre el evento ...............................................................70
6.3.2. Información sobre los eventos de teclado .............................................71
6.3.3. Información sobre los eventos de ratón ................................................76
Capítulo 7. Formularios ................................................................................. 79
7.1. Propiedades básicas de formularios y elementos .........................................79
7.2. Utilidades básicas para formularios............................................................81
7.2.1. Obtener el valor de los campos de formulario........................................81
7.2.2. Establecer el foco en un elemento .......................................................84
7.2.3. Evitar el envío duplicado de un formulario ............................................85
7.2.4. Limitar el tamaño de caracteres de un textarea .....................................85
7.2.5. Restringir los caracteres permitidos en un cuadro de texto......................87
7.3. Validación .............................................................................................. 88
7.3.1. Validar un campo de texto obligatorio ..................................................89
7.3.2. Validar un campo de texto con valores numéricos ..................................90
7.3.3. Validar que se ha seleccionado una opción de una lista...........................90
7.3.4. Validar una dirección de email.............................................................91
7.3.5. Validar una fecha .............................................................................. 91
7.3.6. Validar un número de DNI ..................................................................92
7.3.7. Validar un número de teléfono ............................................................92
7.3.8. Validar que un checkbox ha sido seleccionado .......................................93
7.3.9. Validar que un radiobutton ha sido seleccionado ....................................93
Capítulo 8. Otras utilidades ........................................................................... 95
8.1. Relojes, contadores e intervalos de tiempo .................................................95
8.2. Calendario ............................................................................................. 97
8.3. Tooltip................................................................................................. 101
8.4. Menú desplegable ................................................................................. 104
8.5. Galerías de imágenes (Lightbox) ............................................................. 107
Capítulo 9. Detección y corrección de errores.............................................. 111

4

www.librosweb.es

Introducción a JavaScript

9.1. Corrección de errores con Internet Explorer.............................................. 111
9.2. Corrección de errores con Firefox ............................................................ 113
9.3. Corrección de errores con Opera ............................................................. 115
Capítulo 10. Recursos útiles ........................................................................ 117
C