Tema 12 Iissi 2 - Introducción a Java Script y Document Object Model (DOM) PDF

Preview

Summary

Download Tema 12 Iissi 2 - Introducción a Java Script y Document Object Model (DOM) PDF

Description

Introducción a la Ingeniería del Software y a los Sistemas de Información II RESUMEN TEMA 12 – INTRODUCCIÓN A JAVASCRIPY Y DOCUMENT OBJECT MODEL (DOM)

•

Características de JavaScript: o Lenguaje interpretado, no compilado. o Está baso en objetos. o Sintaxis muy similar a Java (pero NO es Java). o Todas las líneas acaban en “;” o Comentarios: ▪ //línea única ▪ /* multilínea */

•

Tipos básicos en JavaScript: o Cadenas: ▪ “Hola mundo” o Números: ▪ 12, 22.6, -69 o Booleanos: ▪ true, false o Constantes de cadenas: ▪ Está permitido: • “JavaScript es ‘guay’.” • ‘Esto es una frase’ • “La barra \\ se puede usar sin problema” ▪ No está permitido: • “Mezclar las comillas simples y las dobles’

•

Declaración de variables en JavaScript: o JavaScript es sensible a mayúsculas/minúsculas. o No es obligatorio declarar las variables (como en PHP) pero se recomienda. o Se declaran mediante “var”: ▪ var nota = 10;

•

Funciones en JavaScript:

o

Si no existe return o no se devuelve nada, la función devuelve “undefined”.

1

Introducción a la Ingeniería del Software y a los Sistemas de Información II o

Existen tres funciones predefinidas útiles para la validación de formularios: ▪ parseInt: convierte una cadena en un entero. ▪ parseFloat: convierte una cadena en un real. ▪ isNaN: devuelve true si el argumento NO es un número.

•

Estructuras de control en JavaScript: misma sintaxis que en Java ò C++:

•

Clases en JavaScript: o Las clases establecen categorías de objetos (Coche, Persona, String, etc.)

•

Objetos en JavaScript: o Un objeto representa una instancia de una clase (Ej: Luis y Antonio podrían ser objetos de la clase Persona). o Son arrays asociativos a los que se pueden añadir propiedades o funciones (llamadas métodos) dinámicamente. o Para acceder a las propiedades de un objeto se utiliza el operador punto (“.”) ó los corchetes: ▪ objeto.propiedad ▪ objeto[“propiedad”] o Para acceder a los métodos de un objeto se utiliza el operador punto con paréntesis: ▪ objeto.método(parámetros)

•

Clases Predefinidas en JavaScript: o Array, Boolean, Math, Date, Number, Object, String, etc. o Se pueden usar para crear objetos mediante el operador new: ▪ var cadena, cadena2; cadena = new String(“Soy una cadena”); cadena2 = cadena.toUpperCase(); o O también de forma “estática”: ▪ var cadena; cadena = String(“De forma estática!”).toUpperCase(); 2

Introducción a la Ingeniería del Software y a los Sistemas de Información II o

o

o

o

String: ▪ Propiedades: • length: devuelve la longitud de la cadena. ▪ Métodos: • big(): para aumentar la fuente. • bold(): para ponerla en negrita. • charAt(n): devuelve el carácter colocado en la posición n. • match(c): dice si la cadena c pertenece a la cadena. • substring(x,y): devuelve una subcadena va de x a y inclusive. • toLowerCase(): convierte a minúsculas. • toUpperCase(): convierte a mayúsculas. • valueOf(): devuelve el valor del tipo (para comparar cadenas). • toString(): convierte un objeto en una cadena. Math: ▪ Métodos: • abs(número): función valor absoluto. • max(x,y): devuelve el máximo de x e y. • min(x,y): devuelve el mínimo de x e y. • pow(base,exp): potencia (base y exponente). • random(): deuelve un nº aleatorio entre 0 y 1 (si no se especifica otro rango). • round(numero): redondea al entero más cercano. • sin(número): función seno. • sqrt(numero): función ráiz cuadrada. • tan(número): función tangente. • etc….. (hay muchas más). Array: ▪ Propiedades: • length: devuelve la longitud del array. ▪ Métodos: • join(): agrupa los elementos del array separándolos por comas. • reverse(): invierte el orden de los elementos del array. • sort(): ordena los elementos del array. • PD: para crear una matriz de 3 filas y 6 columnas como un array: o a = new Array(3); for (i=0; i...