MANUAL DE JAVASCRIPT de Jose Antonio Rodríguez Publicado en la página web www.net Adaptación del curso “Javascript desde cero”, publicado en: www.com/javascriptdesdecero 1 INDICE: 1) Introducción al lenguaje JavaScript: A) Programas, lenguajes, scripts. C) Variables, datos, objetos. D) La ejecución de los scripts. 2) Elementos del lenguaje: A) Los datos B) Las variables C) Los Objetos D) Los Arrays E) Las funciones 3) Los operadores: A) Operadores aritméticos B) Operadores binarios C) Operadores lógicos D) Operadores varios E) Funciones Globales en Javascript F) Expresiones regulares 4) La gramática: A) Gramática JavaScript: Condicionales B) Gramática JavaScript: Selección múltiple C) Gramática JavaScript: Bucles D) Gramática JavaScript: Ruptura de bucles 5) Los objetos: A) Objetos en JavaScript: Array B) Objetos booleanos: Verdadero o Falso C) Objeto Function D) Objeto Number E) Objeto Object F) Objeto Regular Expresion a) Métodos RegExp: Compile b) Métodos RegExp: Exec c) Métodos RegExp: Test d) RegExp G) Objeto String a) Métodos de String: anchor b) Métodos de String: big c) Métodos de String: blink d) Métodos de String: bold e) Métodos de String: charAt f) Métodos de String: charCodeAt g) Métodos de String: concat h) Métodos de String: fixed i) Métodos de String: fontcolor 2 j) Métodos de String: fontsize k) Métodos de String: fromCharCode l) Métodos de String: indexOf m) Métodos de String: italics n) Métodos de String: lastIndexOf o) Métodos de String: link p) Métodos de String: match q) Métodos de String: replace r) Métodos de String: search s) Métodos de String: slice t) Métodos de String: small u) Métodos de String: split v) Métodos de String: strike w) Métodos de String: sub x) Métodos de String: substr y) Métodos de String: substring z) Métodos de String: sup aa) Métodos de String: toLowerCase bb) Métodos de String: toUpperCase H) Objeto Date a) Métodos de Date: getDate() b) Métodos de Date: getDay() c) Métodos de Date: getFullYear() d) Métodos de Date: getHours() e) Métodos de Date: getMilliseconds() f) Métodos de Date: getMinutes() g) Métodos de Date: getMonth() h) Métodos de Date: getSeconds() i) Métodos de Date: getTime() j) Métodos de Date: getTimezoneOffset() k) Métodos de Date: getYear() l) Métodos de Date: Object.toString() m) Métodos de Date: Object.valueOf() n) Métodos de Date: parse() o) Métodos de Date: setDate() p) Métodos de Date: setFullYear() q) Métodos de Date: setHours() r) Métodos de Date: setMilliseconds() s) Métodos de Date: setMinutes() t) Métodos de Date: setMonth() u) Métodos de Date: setSeconds() v) Métodos de Date: setTime() w) Métodos de Date: setYear() x) Métodos de Date: toGMT() y) Métodos de Date: toLocaleString() z) Métodos de Date: toUTCString() I) Objeto Math a) Métodos Math: abs b) Métodos Math: acos c) Métodos Math: asin 3 d) Métodos Math: atan e) Métodos Math: atan2 f) Métodos Math: ceil g) Métodos Math: cos h) Métodos Math: exp i) Métodos Math: floor j) Métodos Math: log k) Métodos Math: max l) Métodos Math: min m) Métodos Math: pow n) Métodos Math: random o) Métodos Math: round p) Métodos Math: sin q) Métodos Math: sqrt r) Métodos Math: tan 6) Ejemplos JavaScript: A) Operadores B) Media Aritmética C) Saludo D) Array aleatorio E) Comprobar E-mail 1 F) Comprobar E-mail 2 G) Buscar en un Array H) Extraer Subcadena I) Creando Objetos 7) Aplicaciones JavaScript HTML: A) El Reloj en pantalla B) Fecha de Actualización C) Menús Desplegables (IE) D) Formularios de Correo E) Personalizar Colores F) Persianas G) Rollover H) Información del Navegador I) Esquema desplegable (IE) J) Botón más/menos K) Password 1 L) Título de página animado M) Bloque fijo N) Paisaje Nevado 1 O) Paisaje Nevado 2 P) Estrella Navideña 1 Q) Estrella Navideña 2 R) Buscador en la Página S) Página de Inicio T) Carrusel de Imágenes 4 1) Introducción al lenguaje JavaScript: A) Programas, lenguajes, scripts.
Antes de comenzar: Nada de asustarse por la jerga técnica. Para quién comienza desde cero, estas cosillas son lo primero que debiera conocer: Que es eso de programa, lenguaje, scripts o guiones. Lo primero a aclarar es lo del programa, algo que realmente no es exclusivo de la informática, todos hemos programado alguna vez: al poner el vídeo para que grabe cuando no estamos en casa, cuando ponemos el despertador para que nos dé el disgusto matutino.En el caso de un programa informático los que programamos es un ordenador y los programas habitualmente se hacen escribiéndolos en un cierto lenguaje. Concretando, un programa no es mas que una serie de instrucciones que le damos a un sistema para que haga cosas.
En otras palabras, y en el caso que nos atañe, es decirle al ordenador como hacer una determinada tarea. Puede por tanto ser algo tan simple como decirle que sume dos números y nos diga el resultado hasta algo tan complejo como decirle que controle todo un edificio: temperatura, puertas, iluminación. En nuestro caso es algo bastante sencillo, vamos a decirle al ordenador que cuando presente nuestra página web al visitante haga cosas como poner en la página la fecha del día, hacer que una imagen se mueva de un lado a otro, responder de una determinada forma a la pulsación del ratón, etc. Para escribir un programa no nos vale ni el castellano, ni el inglés, ni ninguno de los lenguajes que habitualmente usa el hombre para comunicarse.
Para entendernos con un ordenador se utilizan los lenguajes informáticos. Existen dos grandes grupos de lenguajes a la hora de escribir un programa: Los compilados y Los interpretados. Cuando usamos lenguajes compilados seguimos los siguientes pasos: • Nosotros escribimos el programa (código fuente), • Un programa lo traduce al lenguaje interno del ordenador (se compilan) • Se obtiene así un nuevo fichero que es el que se ejecuta tantas veces como se desee. Los programas así obtenidos son los que se almacenan en ficheros con un nombre terminado en .com, si trabajamos en los sistemas operativos DOS o Windows.
Podríamos resumir: Un programa compilado se traduce una vez y se ejecuta cuantas veces se desee. A este grupo pertenecen los lenguajes tradicionales como C, Pascal, Ada y otros. El otro grupo es el de los lenguajes interpretados, en éstos el programa se escribe (código fuente), y el ordenador va leyendo cada instrucción, la traduce y la ejecuta. O sea, es necesario traducir el programa cada vez que se ejecuta.
¿Quién traduce las instrucciones del programa? Pues muy sencillo, otro programa: el traductor o intérprete. A este grupo pertenece el legendario Basic, el Perl y los llamados scripts como JavaScript y Vbscript. Los programas escritos en estos dos últimos lenguajes son 5 interpretados por los navegadores de Internet como Internet Explorer, Netscape Navigator, Opera. Muy bien ya sé que es un programa, pero a la hora de la verdad ¿cómo se construyen los programas? ¿Cómo se ejecutan?.
Paciencia, sigue viendo las páginas de introducción, mira por encima los ejemplos de JavaScript (deja el HTML dinámico para mas adelante) y pasa a ver la gramática. Luego te das un paseo por los objetos. Pero todo gradualmente y con paciencia. Escribir un programa por lo tanto es simplemente escribir instrucciones para que las ejecute el ordenador, utilizando para ello un cierto lenguaje.
Es como escribir en inglés: necesitas conocer el vocabulario y la gramática del idioma de Shakespeare. En nuestro caso usamos como lenguaje el JavaScript y necesitas conocer sus reglas y su vocabulario. Como ya sabes se trata de un lenguaje interpretado y los programas escritos con estos lenguajes son conocidos como scripts o guiones. Pese a su nombre no tiene nada que ver con Java, este último es un lenguaje algo más complejo con el que se pueden construir programas de propósito general como podría hacerse con C++ o Visual Basic, la particularidad que tienen los programas Java es que pueden funcionar en cualquier ordenador y con cualquier sistema operativo.
Las aplicaciones escritas para Internet en Java son conocidas como applets. La única razón de ser de JavaScript son las páginas web. Con JavaScript no pueden construirse programas independientes, sólo pueden escribirse scripts que funcionarán en el entorno de una página Web, interpretado por un explorador, de ahí la importancia de conocer para que explorador escribimos los guiones. Y aquí viene el primer obstáculo: no todos los exploradores integran en la misma forma los guiones JavaScript.
La primera versión de JavaScript se debe a Netscape, que lo introdujo con la versión 2.0 de su explorador, posteriormente han ido surgiendo nuevas versiones habiendo sido estandarizado por la European Computer Manufacturers Asociation (ECMA). Versión Exp Netscape Navigator Microsoft Internet Explorer 2.0 No lo soporta 3.5 (ECMA) Pondríamos preguntarnos por que el esfuerzo de aprender JavaScript, ya es bastante con el HTML para construir páginas Web. En parte esto es cierto, con un buen programa editor podemos obtener una página para publicar en la red, pero esa página Web consistiría en: texto, imágenes e hipervínculos, con los atributos como colores, tipos de letra y poco más sobre los que el autor puede actuar. Pero ¿y si quisiéramos poner un menú desplegable?, ¿y si queremos que el visitante pueda mover una imagen por la pantalla? .¿y si necesitamos validar el texto entrado por el usuario?.
En resumen si queremos ir mas allá de la simple presentación de un documento en pantalla y queremos controlar al explorador no hay mas remedio que utilizar un programa. ¿Por qué en JavaScript? muy simple: es soportado por todos los exploradores, es sencillo y es el que está siendo contemplado por los organismos de normalización. C) Variables, datos, objetos. 6 Para comenzar a utilizar Javascript (y cualquier lenguaje de programación) es necesario conocer algunos conceptos básicos, no podemos empezar a hacer una casa si no sabemos que existen los ladrillos.
Un programa es una lista de instrucciones, pero esas instrucciones se deberán ejecutar sobre algo, si damos una instrucción escribir debemos especificar que es lo que hay que escribir. Es evidente pues que en las instrucciones del programa también deben figurar los datos con que trabajar. Por ejemplo el nombre de una persona es "Juan", esta palabra es un dato. El precio de una manzana en ptas.
es 10, este número es otro dato. Estos datos no suelen usarse tal cual sino que se almacenan en unos elementos con nombre denominados Variables. En los ejemplos previos usaría una variable, nombre, para guardar "Juan" o precio para guardar el 10. Si ahora digo al ordenador que escriba nombre el ordenador escribirá su contenido, o sea, Juan.
Un pequeño ejemplo par no aburrirnos: abre una ventana y escribe en la caja de direcciones del explorador lo que sigue: javascript:nombre="juan";window.alert(nombre) ¡Acabas de escribir un par de instrucciones en JavaScript! (no te preocupes aún de su significado), como ves has dado un valor a la variable nombre y luego se ha escrito el valor de esa variable. En el ejemplo anterior también podrías haber escrito: window. Mediante el símbolo + has concatenado ambas cadenas. Has usado un operador, algo que no es nuevo si has estudiado alguna vez matemáticas.
Los operadores son símbolos usados para realizar operaciones con los datos, son los símbolos +, -, /, *, respectivamente sumar, restar, dividir y multiplicar. Como sabes estos operadores se usan con datos numéricos: 4 + 5 son 9. Estas dos instrucciones que has escrito podrían encerrarse en un bloque con un nombre, por ejemplo mepresento() y tendrías una función. Podríamos definir una función llamada quehoraes() que encierre las instrucciones necesarias para que aparezca en pantalla la hora actual.
Es decir mediante las funciones creamos las órdenes que luego podremos darle al navegador para que actúe según nuestro deseo. Hasta aquí has visto los elementos básicos existentes cualquier lenguaje de programación, pero alguna vez habrás leído que Javascript es un lenguaje que utiliza objetos a diferencia de Java que es un lenguaje orientado a objetos. ¿Y que es eso de objetos? Los objetos son como una extensión de las variables, una estructura que nos permite agrupar diferentes valores y nombres de funciones.