Tema 2. JavaScript

Introduccin a AJAX

Introduccin a AJAXJavaScriptJavaScript es un lenguaje ligero e interpretado, orientado a objetos con funciones de primera clase, ms conocido como el lenguaje de script para pginas web desarrollado por Netscape que se utiliza en millones de pginas web y aplicaciones de servidor en todo el mundo.

Introduccin a AJAX

Introduccin a AJAXIncluir JavaScript en nuestras pginasExisten al menos tres formas para incluir cdigo JavaScript en las pginas web:

JavaScript en el mismo documentoJavaScript en un archivo externoJavaScript en los elementos del documento

Introduccin a AJAX

Introduccin a AJAXIncluir JavaScript en el mismo documentoEl cdigo JavaScript se encierra entre etiquetas y se incluye en cualquier parte del documento. Aunque es correcto incluir cualquier bloque de cdigo en cualquier zona de la pgina, se recomienda definir el cdigo JavaScript dentro de la cabecera del documento (dentro de la etiqueta )

Introduccin a AJAX

Introduccin a AJAXIncluir JavaScript en un archivo externoLas instrucciones JavaScript se pueden incluir en un archivo externo de tipo JavaScript que los documentos XHTML enlazan mediante la etiqueta . Se pueden crear todos los archivos JavaScript que sean necesarios y cada documento XHTML puede enlazar tantos archivos JavaScript como necesite.

Introduccin a AJAX

Introduccin a AJAXIncluir JavaScript en los elementos del documentoEste ltimo mtodo es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del cdigo XHTML de la pgina:

Introduccin a AJAX

Introduccin a AJAXEtiqueta noscriptAlgunos navegadores no disponen de soporte completo de JavaScript, otros navegadores permiten bloquearlo parcialmente e incluso algunos usuarios bloquean completamente el uso de JavaScript.

En estos casos, es habitual que si la pgina web requiere JavaScript para su correcto funcionamiento, se incluya un mensaje de aviso al usuario indicndole que debera activar JavaScript para disfrutar completamente de la pgina

Introduccin a AJAX

Introduccin a AJAXSintaxis GeneralLa sintaxis de JavaScript es muy similar a la de otros lenguajes como Java y C:

No se tienen en cuenta los espacios en blanco y las nuevas lneas Se distinguen las maysculas y minsculas No se define el tipo de las variables No es obligatorio terminar cada sentencia con ; Se pueden incluir comentarios de una sola lnea o multilnea.

Introduccin a AJAX

Introduccin a AJAXPalabras Reservadasbreakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith

Introduccin a AJAX

Introduccin a AJAXPrimer Script

Introduccin a AJAX

Introduccin a AJAXEjercicio 1Modificar el primer script para que:

Todo el cdigo JavaScript se encuentre en un archivo externo llamado codigo.js y el script siga funcionando de la misma manera.

Despus del primer mensaje, se debe mostrar otro mensaje que diga "Soy el primer script

Aadir algunos comentarios que expliquen el funcionamiento del cdigo

Aadir en la pgina HTML un mensaje de aviso para los navegadores que no tengan activado el soporte de JavaScript

Guardar todo en un archivo llamado Ejercicio_1.zip y subirlo al curso

Introduccin a AJAX

Introduccin a AJAXVariablesLas variables se definen mediante la palabra reservada var, que permite definir una o varias variables simultneamente:var variable1 = 16;var variable2 = "hola", variable3 = "mundo";var variable4 = 16, variable5 = "hola";

El nombre de las variables debe cumplir las dos siguientes condiciones:

El primer carcter debe ser una letra o un guin bajo (_) o un dlar ($).El resto de caracteres pueden ser letras, nmeros, guiones bajos (_) y smbolos de dlar ($).La variables pueden ser globales o locales dependiendo del lugar en donde se estn utilizando.

Introduccin a AJAX

Introduccin a AJAXTipos de VariablesNumricasCadenas de TextoArraysBooleanos

Introduccin a AJAX

Introduccin a AJAXOperadores de Asignacin

Introduccin a AJAX

Introduccin a AJAXOperadores de Comparacin

Introduccin a AJAX

Introduccin a AJAXOperadores de Aritmticos

Introduccin a AJAX

Introduccin a AJAXOperadores de Lgicos

Introduccin a AJAX

Introduccin a AJAXEjercicio 2A partir del siguiente array que se proporciona:

var valores = [true, 5, false, "hola", "adios", 2];

Determinar cual de los dos elementos de texto es mayorUtilizando exclusivamente los dos valores booleanos del array, determinar los operadores necesarios para obtener un resultado true y otro resultado falseDeterminar el resultado de las cinco operaciones matemticas realizadas (suma, resta, multiplicacin, divisin, modulo) con los dos elementos numricosGuardar todo en un archivo llamado Ejercicio_2.zip y subirlo al curso

Introduccin a AJAX

Introduccin a AJAXFunciones y Propiedades Bsicas

Introduccin a AJAX

Introduccin a AJAXFunciones y Propiedades Bsicas

Introduccin a AJAX

Introduccin a AJAXFunciones y Propiedades Bsicas

Introduccin a AJAX

Introduccin a AJAXFunciones y Propiedades Bsicas

Introduccin a AJAX

Introduccin a AJAXFunciones de Usuario

Introduccin a AJAX

Introduccin a AJAXFunciones de UsuarioArgumentos de Funciones

Introduccin a AJAX

Introduccin a AJAXEjercicio 3Crear la Funcin Suma() que permita introducir N sumandos y que muestre la suma total. Realizar la llamada a la funcin en 3 ocasiones:

Con 2 argumentosCon 3 argumentosCon 5 argumentos

Guardar el archivo en Ejercicio_3.zip y subirlo al curso

Introduccin a AJAX

*************************