T3 JavaScript

TEMA 3
JavaScript

CONTENIDO














Introducción
Sintaxis
Variables, literales y operadores
Tipos
Null y undefined
Conversión implícita de tipos
La función prompt
Matrices
Funciones
Estructuras de control de flujo
Objetos predefinidos en el navegador
Eventos y validación de formularios
DHTML

2

INTRODUCCIÓN


JavaScript es un lenguaje de programación que se ha
convertidoen una herramienta fundamental en el
desarrollo de páginas web.



Permitirá:
Dar más interactividad a mis páginas
 Controlar eventos que usuarios provocan en nuestras páginas
web
 Crear efectos dinámicos de movimiento y cambio.
 Controlar los contenidos introducidos por los usuarios


3

INTRODUCCIÓN

JavaScript no es Java.



Lo que más se parece es en la sintaxis. Esta tecnología sebasaba en la sintaxis del lenguaje Java

4

SINTAXIS


Los programas de JavaScript pueden estar dentro del
mismo HTML o pueden estar en ficheros externos
(extensión js):
 Scripts

internos: Dentro del código html se introduce:


 Scripts

externos: Dentro del código html se introduce:

Algunos navegadores no soportan:



6

SINTAXIS


La primera función que se suele estudiar en JavaScript es:


alert(valor): Muestra unmensaje en una ventana emergente



Los textos deben ir entre comillas.



Las variables, ya las veremos, sin entrecomillar.




Hacer ejercicio 1.

7

VARIABLES, LITERALES Y
OPERADORES


Los lenguajes de programación están compuestos por una
serie de elementos que son:
 Palabras

reservadas: tienen unsignificado. Ej: alert, if, then.
 Literales: Son valores fijos especificados en el script. Ej:
“Hola Mundo”.
 Operadores: +, - , *,/
 Variables: Es una zona de memoria que vamos a utilizar para
almacenar información que vamos a poder reutilizar mientras
viva el programa.
 Funciones: Son programitas pequeños, (Ej: Funciones en
Excel) operaciones creadas por nosotros o del propio lenguaje
que podemosreutilizar.
8

VARIABLES


Las variables son un elemento de código que
nos van a permitir almacenar en memoria
datos para que podamos usarlos
posteriormente tantas veces como
necesitemos.



Es decir, permiten dar un nombre a una parte
de la memoria RAM. Se trabaja con esa parte
de la RAM usando su nombre.

9

VARIABLES


Las variables se declaran al principio del
programa o función con var: var

a, b , pepe; //Declara las variables a, b y pepe



Importante: Javascript nota la diferencia
entre mayúsculas y minúsculas.



Por lo tanto:
a

es diferente a A
 Pepe es diferente a pepe, PEPE, PEpe,...
10

VARIABLES


Se les asigna valor usando =
 a=3;

//En la memoria se guarda un 3
 b=-5; //en la memoria guarda un -5
 pepe='hola' //en la memoria guarda 'hola‘


Sólo se puedeasignar valor a las variables
previamente declaradas con var

a:
3
pepe:
hola

Memoria RAM

b:
-5

11

TIPOS


Las variables van a almacenar datos que
pueden ser de distintos tipos:
 Número

entero.
 Número en coma flotante (real): Parte entera,
punto decimal “.” y una parte decimal.
 Cadenas de texto(string): Siempre va
entrecomillado. Pueden ser dobles o simples. El
resto de tipo de datos...