Sie sind auf Seite 1von 25

Tema 2.

JavaScript

JavaScript
JavaScript 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

Incluir JavaScript en nuestras pginas


Existen al menos tres formas para incluir cdigo JavaScript en las
pginas web:
JavaScript en el mismo documento
JavaScript en un archivo externo
JavaScript en los elementos del documento

Introduccin a AJAX

Incluir JavaScript en el mismo documento


El cdigo JavaScript se encierra entre etiquetas <script> 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
<head>)

Introduccin a AJAX

Incluir JavaScript en un archivo externo


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

Introduccin a AJAX

Incluir JavaScript en los elementos del documento


Este ltimo mtodo es el menos utilizado, ya que consiste en incluir trozos de JavaScript dentro del
cdigo XHTML de la pgina:

Introduccin a AJAX

Etiqueta noscript
Algunos 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

Sintaxis General

La 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

Palabras Reservadas
continue

ak
e
br

throw

instanceof

ca s e

ty
pe
of

default

this

y
tr

if

ith

do

te
le
de

new

var

catch

in

while
void

Introduccin a AJAX

else

for
switch

n
ctio
fun

return

finally

Primer Script

Introduccin a AJAX

Ejercicio 1
Modificar 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

Variables
Las 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

Tipos de Variables
1.

Numricas

2.

Cadenas de Texto

3.

Arrays

4.

Booleanos

Introduccin a AJAX

Operadores de Asignacin

Introduccin a AJAX

Operadores de Comparacin

Introduccin a AJAX

Operadores de Aritmticos

Introduccin a AJAX

Operadores de Lgicos

Introduccin a AJAX

Ejercicio 2

A partir del siguiente array que se proporciona:


var valores = [true, 5, false, "hola", "adios", 2];
Determinar cual de los dos elementos de texto es mayor
Utilizando exclusivamente los dos valores booleanos del array, determinar
los operadores necesarios para obtener un resultado true y otro resultado
false
Determinar el resultado de las cinco operaciones matemticas realizadas
(suma, resta, multiplicacin, divisin, modulo) con los dos elementos
numricos
Guardar todo en un archivo llamado Ejercicio_2.zip y subirlo al curso

Introduccin a AJAX

Funciones y Propiedades Bsicas

Introduccin a AJAX

Funciones y Propiedades Bsicas

Introduccin a AJAX

Funciones y Propiedades Bsicas

Introduccin a AJAX

Funciones y Propiedades Bsicas

Introduccin a AJAX

Funciones de Usuario

Introduccin a AJAX

Funciones de Usuario
Argumentos de Funciones

Introduccin a AJAX

Ejercicio 3

Crear la Funcin Suma() que permita introducir N sumandos y que muestre la


suma total. Realizar la llamada a la funcin en 3 ocasiones:
1.Con 2 argumentos
2.Con 3 argumentos
3.Con 5 argumentos
Guardar el archivo en Ejercicio_3.zip y subirlo al curso

Introduccin a AJAX

Das könnte Ihnen auch gefallen