Vous êtes sur la page 1sur 15

Java script

JavaScript es un lenguaje de programacin que


permite el script de eventos, clases y acciones para
el desarrollo de aplicaciones Internet entre el
cliente y el usuario.
Esta interaccin permite cambiar las pginas
dentro de una aplicacin: poner botones, cuadros
de texto, cdigo
por ejemplo:
para hacer una calculadora, un editor de texto, un
juego, o cualquier otra cosa que pueda imaginarse.

Propiedades del lenguaje


Java Script
Se interpreta por el ordenador que recibe el programa, no
se compila.
Tiene una programacin orientada a objetos. El cdigo de
los objetos est predefinido y es
expandible. No usa clases ni herencia.
El cdigo est integrado (incluido) en los documentos
HTML.
Trabaja con los elementos del HTML.
No se declaran los tipos de variables.
Ejecucin dinmica: los programas y funciones no se
chequean hasta que se ejecutan.
Los programas de JavaScript se ejecutan cuando sucede
algo, a ese algo se le llama evento.

Comando de un programa JavaScript se


dividen en 5 categoras

Variables y sus valores.


Expresiones.
Estructuras de control
Funciones.
Clases y arrays

Variables y valores
Todas las variables se declaran usando el
comando var. Una variable puede ser inicializada
cuando seda un valor al ser declarada, o puede
no ser inicializada. Adems, varias variables
pueden ser declaradas a la vez separadas por
comas.
Ejemplo 1:
var variable1= "coche"
var cuaderno
var mi_variable = 123456, decimal =2342.89
var n_casas, n_habitaciones, n_cuadros, nombre = "Franklin"

Sentencias Expresiones y
Operadores
Una sentencia de JavaScript hace que algo sea
evaluado. Esto puede ser el resultado de dar valor
a una variable, llamar a una funcin, etc.
Cualquiera de las lneas del ejemplo 1 es una
sentencia.
Los programas de JavaScript son un grupo de
sentencias, normalmente organizadas en
funciones que manipulan las variables y el entorno
HTML en el cual el script trabaja.
Los operadores hacen que en una sentencia las
variables sean evaluadas y se les asigne un valor
o un resultado.

Ejemplo:
Ejemplo 2:
var variable1= "coche"
var variable1= "coche";
y estos dos grupos de sentencias tambin:
Ejemplo 3:
var a = 0; a = 2+4; var c = a / 3 (;)
var a = 0
a = 2+4
var c = a / 3
Los segunda sentencia es una expresin.

Estructuras de control

SENTENCIA IF ELSE
SENTENCIA SWITCH
BUCLE WHILE
BUCLE FOR

Funciones y Objetos
Una funcin es un bloque de cdigo con un
nombre. Cada vez que se usa el nombre, se llama
a la funcin y el cdigo de la funcin es
ejecutado.
El nombre de una funcin se escribe
inmediatamente despus del comando function.
Todos los nombres de funciones deben ser nicos
y diferentes de los nombres de los comandos que
usa JavaScript.

Ejemplo
Ejemplo 4:
function valor_abs (num){
if (num >= 0)
return num
else
return -num
}
num es el argumento que se utiliza dentro de la funcin. El cdigo
de la funcin va entre llaves.

Objetos
Los objetos permiten la capacidad de tener varios
valores, de tal manera que un grupo de datos
pueda estar relacionado con otro
Un objeto de JavaScript es un conjunto de
componentes, llamados propiedades o miembros.
Si se supone que se tiene un objeto llamado cita
para organizar citas, ste tendr las propiedades
da, hora, con quin y para qu.

La etiqueta <script>
La seccin HEAD de un documento HTML es la que
debe contener el cdigo de JavaScript para los gestores
de eventos. Aunque no es necesario que todo el cdigo
de JavaScript vaya en el HEAD, es importante que vaya
en l para asegurar que todo el cdigo de JavaScript
haya sido definido antes del BODY del documento.
Se introduce mediante <SCRIPT> y </SCRIPT>
La sintaxis es:
<SCRIPT LANGUAGE=Nombre del lenguaje
SRC=URL>

Formas de incluir en html

Para JavaScript, el fichero suele tener extensin .js.


Si se usa el atributo SRC la TAG <SCRIPT> es inmediatamente
seguida por </SCRIPT>
Ejemplo:
<SCRIPT LANGUAGE=text/javascript SRC=click.js></SCRIPT>

De lo contrario si el script se incluye directo en el html


<script type="text/javascript">
alert("Este es un mensaje de alerta !");
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" />
<title>El primer script</title>
<script type="text/javascript">
alert("Este es un mensaje de alerta !");
</script>
</head>
<body>
<p>Esta pgina contiene el primer script</p>
</body>
</html>

Actividad
Modificar el cdigo anterior 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

Gestores de Eventos

<INPUT TYPE=button NAME=mycheck


VALUE=HA!onClick=alert(Te he dicho que no me
aprietes)>

Vous aimerez peut-être aussi