Download Clase – JavaScript

Document related concepts
no text concepts found
Transcript
Java Script
Universidad de los Lagos, 2011.
Miguel Angel Barahona M.
Nociones Básicas


Lenguaje Script: Código de programación que se
inserta en un documento
Desarrollado por Netscape


Objetivo potenciar la creación de páginas WEB
Javascript totalmente distinto a Java





Java crea programas independientes y operativos
Javascript es más sencillo, se inserta dentro del código HTML
Javascript no crea programas independientes
Es totalmente dependiente de HTML
Javascript es totalmente interpretado por el browser
Nociones Básicas

Ventajas de Javascript


Aprendizaje y uso sencillos
Permite dar mayor inteligencia a las páginas sin
necesidad de construir CGI’s
Inclusión de Javascript en las Páginas

Para hacer que un documento HTML incluya
instrucciones en Javascript se debe utilizar la
siguiente etiqueta <script> de la siguiente forma:
<script language="javascript">
código JavaScript
</script>

Si se quiere especificar que versión de JavaScript se
utilizará de la siguiente manera:
<script language="javascript1.3">
Uso de un archivo externo

También se puede utilizar el código JavaScript
en un archivo externo.
 Se debe crear con extensión .js
 En el archivo se debe colocar sólo el código
JavaScript
 El código se puede invocar de la siguiente
manera:
<script language="javascript“ src=“archivo.js”>
Normas de Escritura en JavaScript

Los comentarios deben comenzar con los
símbolos // si son de una línea, o iniciar con
los símbolos /* y finalizar con */ si son de
varias líneas
 Las líneas de código terminan con ;
 JavaScript distingue entre mayúsculas y
minúsculas
 Las llaves ({ y }) permiten agrupar el código
Variables y Operadores

Una variable es un elemento que tiene un
determinado nombre y que permite almacenar
valores.
 Los nombres de las variables deben empezar
por una letra la cual puede ir seguida de
números, “_”, u otras letras.
 Valores de una variable:



Cadenas de texto, siempre se encierran entre
comillas dobles o simples. Una variable sin
contenido tiene valor null.
Valores numéricos
Valores booleanos
Declaración de una variable

Para declarar una variable se puede emplear:
var variable=valor;
O simplemente:
variable=valor
 Tras declarar una variable, su valor puede
cambiar mediante la asignación de un valor:
Testear=12;
Operadores Aritméticos

+ suma
 - resta
 * multiplicación
 / división
 % resto de la división
 ++ incremento
 -- decremento
Ejemplo
Operadores

Operadores Lógicos

Operadores de Comparación
Operadores (2)

Operadores de Asignación
Mensajes

Ventanas que se presentan al usuario para
que reaccione ante una situación

alert, permite mostrar información al usuario
Alert(texto del mensaje);

Prompt, es una ventana que permite ingresar datos
al usuario.


Respuesta=prompt(“Cual es tu nombre”,”Juan”)
Otros mensajes: confirm,
Estructuras Condicionales

Sentencias que permiten tomar decisiones
dentro del código con el fin de devolver un
resultado
 Instrucción IF
Estructuras Condicionales

Bucle While, repite sentencias hasta que
se cumple una condición:

Ejemplo:
Estructuras Condicionales

Bucle for, permite ejecutar una serie hasta que se
cumpla una condición:

Ejemplo:
Estructuras Condicionales

Instrucción Switch

Ejemplo:
Funciones



Como en muchos otros lenguajes en JS se puede
utilizar funciones.
Las funciones son una serie de instrucciones que
realizan una tarea.
A las funciones se les pone un nombre el cual será
utilizado en el HTML.