Descargar la presentación
La descarga está en progreso. Por favor, espere
1
CI-2413 Desarrollo de aplicaciones para Internet
Javascript CI-2413 Desarrollo de aplicaciones para Internet
2
Versiones de Javascript
NN 2.0 / IE 3.0 (Con errores y poco confiable) Javascript 1.0 NN 3.0 Javascript 1.1 NN 4.0 / IE 4.0 Javascript 1.2 (En IE conocido como JScript) NN 6.0 / IE 6.0 Javascript 1.5
3
Agregando el código al HTML
Ejemplo: <script language="Javascript"> <!-- document.write("¡Hola mundo!"); // --> </script> <script language="Javascript1.2">
4
Agregando el código al HTML
Ejemplo: <script language="JavaScript" src="functions.js"></script> La última norma de HTML disponible en recomiendo utilizar: <script type="text/javascript"></script>
5
Agregando el código al XHTML
Ejemplo: <script type="text/javascript"> //<![CDATA[ alert("<Esto es compatible con XHTML>"); //]]> </script>
6
Gramática Elementos: Variables Operadores Expresiones Declaraciones
Objetos Los objetos son muy importantes, porque gracias a unos objetos predefinidos del lenguaje podemos acceder a las diferentes características de una página HTML. Esto se llama "Document Object Model". Funciones y métodos
7
Variables y tipos de datos
Se crea una variable global nueva simplemente asignando un valor: nuevaVariable = 5; Sin embargo, dentro de las funciones si se desea una variable con alcance local se utiliza var: function nuevaFuncion() { var ciclo=1; total=0; }
8
Variables y tipos de datos
Javascript no tiene chequeo fuerte de tipo. Tipos Números Booleanos Hileras Objetos Nulo Indefinido Los operadores pueden comportarse diferente dependiendo del tipo.
9
Operadores Aritméticos + Adición - Sustracción * Multiplicación
% Módulo ++ Incremento unario -- Decremento unario - Negación unaria: devuelve la negación del operando.
10
Operadores Comparación == Igual a != Diferente > Mayor que
>= Mayor o igual que < Menor que <= Menor o igual que
11
Operadores Booleanos && Y || O ! No Hileras + Concatenación
12
Operadores Asignación Especiales
= +=,-=,*=,/= &=,|= Especiales (condición) ? valorSi : valorNo typeof Devuelve el tipo. Expresiones regulares (JavaScript 1.2)
13
Estructuras de control
if ... else if (condición) { declaraciones1; } else declaraciones2;
14
Estructuras de control
switch switch (expresión) { case valor : declaración; break; ... default : declaración; }
15
Estructuras de control
for for (declaraciónInicial; prueba; incremento) { declaraciones; }
16
Estructuras de control
do ... while do { declaraciones; } while (condición);
17
Estructuras de control
while while (condición) { declaraciones; }
18
Estructuras de control
break y continue funcionan para JavaScript como en otros lenguajes. for in for (variable in objeto) { declaraciones; }
19
Estructuras de control
with with (objeto) { declaraciones; }
20
Comentarios Se pueden utilizar comentarios de una línea o de varias:
// comentario de una línea /* comentario que permite escribir en varias líneas */
21
Funciones Sintaxis function nombre(arg1,arg2,...) { statements; } Se recomienda escribir las funciones en el encabezado HTML (<head></head>), ya que este se carga antes del resto del documento.
22
Objetos Document Object Model
Es un modelo de objetos predefinidos. Esta jerarquía de objetos depende del navegador.
23
Objetos Propiedades: O: carro.fabricante = "Toyota"
carro.modelo = "Camry" carro.anyo = "1990" document.write(carro.anyo); O: carro['fabricante'] = "Toyota" carro['modelo'] = "Camry" carro['anyo'] = "1990" document.write(carro['anyo']);
24
Objetos Métodos: Creación: Asignación de métodos: window.close();
miPerro = new Object(); miPerro.nombre = "Scooby Doo"; Asignación de métodos: miPerro.Huir = Huir;
25
Objetos Constructor: function Perro(nombre) { this.nombre = nombre; }
miPerro = new Perro("Scooby Doo");
26
Eventos Para ver los posibles eventos de cada etiqueta HTML ver Para cada navegador en el sitio web del fabricante se pueden encontrar los eventos disponibles. Sintaxis básica: <etiqueta atributo1 atributo2 onNombreEvento="código javascript;">
27
Excepciones
28
Excepciones Ejemplo: try { ejecute este bloque } catch (error) { ejecute este bloque si hay error }
29
Excepciones Ejemplo: try { colores[2] = "rojo"; } catch (e) { if (e instanceof TypeError) { alert(“Variable errónea o indefinida…"); } }
![Excepciones Ejemplo: try { colores[2] = rojo ; } catch (e) { if (e instanceof TypeError) { alert( Variable errónea o indefinida… ); } }](http://slideplayer.es/slide/164493/2/images/29/Excepciones+Ejemplo%3A+try+%7B+colores%5B2%5D+%3D+rojo+%3B+%7D+catch+%28e%29+%7B+if+%28e+instanceof+TypeError%29+%7B+alert%28+Variable+err%C3%B3nea+o+indefinida%E2%80%A6+%29%3B+%7D+%7D.jpg "Excepciones Ejemplo: try { colores[2] = rojo ; } catch (e) { if (e instanceof TypeError) { alert( Variable errónea o indefinida… ); } }")
30
Excepciones Tipos de excepciones:
EvalError – Se alcanza cuando la función eval() es utilizada en una manera incorrecta; RangeError – Se alcanza cuando una variable numérica sobrepasa su valor máximo; ReferenceError – Se alcanza cuando se utiliza una referencia inválida; SyntaxError – Se alcanza cuando un error de sintáxis ocurre mientras se parsea código JavaScript; TypeError – Se alcanza cuando el tipo de una variable no es el que se esperaba; URIError – Se alcanza cuando las funciones encodeURI() o decodeURI() son utilizadas de una manera incorrecta;
31
Excepciones Ejemplo: try { colores[2] = "rojo"; } catch (e) { alert(“Ocurrió un error. Nombre: " + e.name + ". Mensaje: " + e.message); }
![Excepciones Ejemplo: try { colores[2] = rojo ; } catch (e) { alert( Ocurrió un error.](http://slideplayer.es/slide/164493/2/images/31/Excepciones+Ejemplo%3A+try+%7B+colores%5B2%5D+%3D+rojo+%3B+%7D+catch+%28e%29+%7B+alert%28+Ocurri%C3%B3+un+error..jpg "Nombre: + e.name + . Mensaje: + e.message); } .")
32
Excepciones (finally)
Ejemplo: try { ejecute este bloque } catch (error) { ejecute este bloque si hay error } finally { ejecute este bloque siempre }
33
Excepciones (throw) Ejemplo:
if (document.forms[0].edad.valor > 99) { throw RangeError; }
34
Excepciones: (Error) Ejemplo:
ErrorNombre = new Error (“El nombre de usuario del sistema no empareja con el usuario real."); throw ErrorNombre;
35
Lecturas recomendadas
Norma ECMA Script Netscape's JavaScript Guide Netscape's JavaScript Documentation Library Microsoft JScript Documentation Microsoft Scripting TechnologiesM Microsoft DHTML References Microsoft DHTML Object Model
Presentaciones similares
