1 / 35

Javascript

Javascript. CI-2413 Desarrollo de aplicaciones para Internet. 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.

virote
Download Presentation

Javascript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 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> • Ejemplo: • <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 http://www.w3.org/TR/html401/interact/scripts.html 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 • (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; 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: • 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: • window.close(); • Creación: • 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 http://w3.org/TR/html401. • 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…"); }}

  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);}

  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

More Related