1 / 25

Lenguajes de script (lenguajes de macros o de guiones)

Lenguajes de script (lenguajes de macros o de guiones). JavaScript. Diferencias de los lenguajes de script con respecto a los de programación. Funcionan sólo dentro de la aplicación para la que han sido creados .

mitch
Download Presentation

Lenguajes de script (lenguajes de macros o de guiones)

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. Lenguajes de script(lenguajes de macros o de guiones) JavaScript

  2. Diferencias de los lenguajes de script con respecto a los de programación • Funcionan sólo dentro de la aplicación para la que han sido creados. Disponen de una serie de variables, métodos y/o objetospredefinidos que les permiten interactuar con dicha aplicación. La jerarquía de objetos (DOM) depende de la aplicación • Son lenguajes interpretados, no compilados. La aplicación va ejecutando (y notificando errores) según va leyendo el código, en lugar de pasarlo previamente a código máquina. Son más lentos. • Programación más sencilla y cómoda

  3. ¿Qué es javascript? • JavaScript es un lenguaje para scripts basado en objetos (no tiene herencia) y multiplataforma para clientes y servidores. • Las aplicaciones cliente (CSJS) corren en un navegador Extiende el lenguaje (core) suministrando objetos para controlar un navegador y su DOM (Modelo de Objeto de Documento). Las extensiones client-side permiten a una aplicación colocar elementos en un formulario HTML y responder a eventos del usuario como clicks del ratón, entradas del formulario o navegación • Las aplicaciones servidoras (SSJS) corren en un servidor. Las extensiones server-side permiten acceder a bases de datos relacionales, manipulación de ficheros en el servidor, etc.

  4. JavaScript • Tiene una sintanxis similar a C y a Java • Creado por Netscape para la versión 2.0 de su navegador • Javascriptfue adoptado por Microsoft para su Internet Explorer en la versión 3.0 con el nombre de JScript. • Estándar ECMAScript • <head> • <script> • <!-- Sentencias JavaScript... --> • </script> • </head>

  5. Ficheros de código JavaScript • El atributo de <SCRIPT> permite especificar un fichero con código JS externo al documento HTML en lugar de embeberlo. • Este atributo es bastante útil para compartir código entre páginas diferentes. • <HEAD> • <TITLE>Mi página</TITLE> • <SCRIPT SRC="common.js"> • ... • </SCRIPT> • </HEAD> • <BODY>

  6. JavaScript. Comentarios y literales • Comentarios //Esto es un comentario /* Esto también es un comentario pero de más de una línea*/ • Literales (valores que puede tomar una variable o una constante)

  7. JavaScript. Sentencias y bloques • En Javascript las sentencias se separan con un punto y coma, y se agrupan mediante llaves ({ y }). { sentencia1; sentencia2 }

  8. JavaScript. Variables • No es necesario declarar variables, aunque es recomendable hacerlo, por claridad del código. • Declaración: • Si una variableno es declarada tiene siempre ámbito global, mientras que en caso contrario será de ámbito global si está definida fuera de una función y local si está definida dentro • Se pueden declarar varias variables en una misma sentencia separándolos por comas: var x; var x, y, z;

  9. Javascript. Sentencias condicionales If ... else   if(dia=="Domingo") alert(“Hoy es festivo”); else alert(“Hoy es laborable”); if ( Condición ) { bloque con sentencia/s A } [ else { bloque con sentencia/s B } ]

  10. Javascript. Sentencias condicionales (condicion) ? valor1 : valor2 (dia=="Domingo") ? "Festivo" : "Laborable

  11. Javascript. Sentencias condicionales switch(tipo){case "humano": alert("Eres un Humano");break; case "planta": alert("Eres un Vegetal");break; case "animal": alert("Eres del reino Animal");break; default:alert("Especie Desconocida");break;} switch ( Expresión ) { case etiqueta : { bloque con sentencia/s }[break;] [case etiqueta : { bloque con sentencia/s }[break;] ]...[default : { bloque con sentencia/s } ] }

  12. Javascript. Sentencias iterativas for( [ valor_inicial ] ; [ condición ] ; [ incremento ] ) { sentencias } var A= new Array(10); for( var i=0; i<A.length; i++ ) { A[i] = 2*i; document.write("A["+i+"] = "+A[i]+"<br>"); }

  13. Javascript. Sentencias iterativas while ( condición ) { sentencias } var A= new Array(10); var i=0; while( i<A.length; ) { A[i] = 2*i; document.write("A["+i+"] = "+A[i]+"<br>"); i++; }

  14. Javascript. Funciones function nombre_funcion(argumentos) {sentencias } <HEAD> <SCRIPT LANGUAGE="JavaScript"> function square(number) { return number * number; } </SCRIPT> </HEAD> <BODY> <SCRIPT> document.write("La funcion devuelta es ", square(5), "."); </SCRIPT> </BODY>

  15. Eventos y manejadores de eventos Los manejadores de eventos se añaden como atributos a las etiquetas de HTML, poniendo el código JS entre comillas. <INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)"> Evento Ambito de aplicación Significado Manejador

  16. Eventos y manejadores de eventos

  17. Eventos y manejadores de eventos

  18. Eventos y manejadores de eventos

  19. Eventos y manejadores de eventos

  20. Eventos y manejadores de eventos

  21. Jerarquía de Objetos

  22. Principales Objetos, propiedades y métodos • navigator Estos atributos no se pueden sobreescribir, pero sí leer

  23. Principales Objetos, propiedades y métodos • window

  24. Principales Objetos, propiedades y métodos document Es un objeto derivado de window

  25. Principales Objetos, propiedades y métodos history

More Related