Introduccion a JavaScript

Introducción
a JavaScript

Ing. Flor Judelkis Torres Torres

Introducción a JavaScript | Ing. Flor Judelkis Torres Torres

Indice
1. Introduccion
1.1. ¿Qué es JavaScript?
1.2. Breve historia
1.3. Especificaciones oficiales
1.4. Como incluir JavaScript en documentos XHTML
1.5. Etiqueta noscript
1.6. Glosario básico
1.7. Sintaxis
1.8. Posibilidades y limitaciones
1.9. JavaScript y navegadores1.10. JavaScript en otros entornos
2. El primer script
3. Programación básica
3.1. Variables
3.2. Tipos de variables
3.3. Operadores
3.4. Estructuras de control de flujo
3.5. Funciones y propiedades básicas de JavaScript
4. Programación avanzada
4.1. Funciones
4.2. Ámbito de las variables
4.3. Sentencias break y continue
4.4. Otras sencuencias de control
5. DOM
5.1. Árbol de nodos
5.2. Tipos de nodos5.3. Acceso directo a los nodos
5.4. Creación y eliminación de nodos
5.5. Acceso directo a los atributos XHTML
5.6. Ejercicios sobre DOM
6. Eventos
6.1. Modelos de eventos
6.2. Modelo básico de eventos
6.3. Obteniendo información del evento (objeto event)
7. Formularios
7.1. Propiedades básicas de formularios y elementos
7.2. Utilidades básicas para formularios
7.3. Validación
8. Otras utilidades8.1. Relojes, contadores e intervalos de tiempo
8.2. Calendario
8.3. Tooltip
8.4. Menú desplegable
8.5. Galerías de imágenes (Lightbox)
9. Detección y corrección de errores
9.1. Corrección de errores con Internet Explorer

4
4
4
5
5
8
9
10
11
11
11
13
16
16
18
21
28
35
41
41
47
50
51
55
55
58
58
60
62
63
65
65
66
74
83
83
85
93
100
100
103
107
110
113
118
118

2

Introducción a JavaScript | Ing.Flor Judelkis Torres Torres

9.2. Correccion de errores con Firefox
9.3. Correccion de errores con Opera
Recursos utiles

119
121
122

3

Introducción a JavaScript | Ing. Flor Judelkis Torres Torres

Capítulo 1. Introducción
1.1. ¿Qué es JavaScript?
JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas
web dinámicas.
Una página web dinámica es aquella queincorpora efectos como texto que aparece y
desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con
mensajes de aviso al usuario.
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es
necesario compilar los programas para ejecutarlos. En otras palabras, los programas
escritos con JavaScript se pueden probar directamente en cualquier navegadorsin
necesidad de procesos intermedios.
A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de
programación Java. Legalmente, JavaScript es una marca registrada de la empresa Sun
Microsystems, como se puede ver en http://www.sun.com/suntrademarks/.

1.2. Breve historia
A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían
conmódems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a
desarrollarse las primeras aplicaciones web y por tanto, las páginas web comenzaban a
incluir formularios complejos.
Con unas aplicaciones web cada vez más complejas y una velocidad de navegación tan
lenta, surgió la necesidad de un lenguaje de programación que se ejecutara en el navegador
del usuario. De esta forma, si el usuario norellenaba correctamente un formulario, no se le
hacía esperar mucho tiempo hasta que el servidor volviera a mostrar el formulario indicando
los errores existentes.
Brendan Eich, un programador que trabajaba en Netscape, pensó que podría solucionar
este problema adaptando otras tecnologías existentes (como ScriptEase) al navegador
Netscape Navigator 2.0, que iba a lanzarse en 1995. Inicialmente,Eich denominó a su
lenguaje LiveScript.
Posteriormente, Netscape firmó una alianza con Sun Microsystems para el desarrollo del
nuevo lenguaje de programación. Además, justo antes del lanzamiento Netscape decidió
cambiar el nombre por el de JavaScript. La razón del cambio de nombre fue exclusivamente
por marketing, ya que Java era la palabra de moda en el mundo informático y de Internet de
la...