Clase 17 Java Script

8/18/2019 Clase 17 Java Script

1/8

JAVASCRIPT

Se trata de un lenguaje de tipo script compacto, basado en objetos y guiado por

eventos diseñado específicamente para el desarrollo de aplicaciones cliente-

servidor dentro del ámbito de Internet.

Los programas JavaScript van incrustados en los documentos !"L, y se

encargan de reali#ar acciones en el cliente, como pueden ser pedir datos,

confirmaciones, mostrar mensajes, crear animaciones, comprobar campos.

Javascript es un lenguaje de programaci$n utili#ado para crear pe%ueños

programas encargados de reali#ar acciones dentro del ámbito de una página

&eb.

'on Javascript podemos crear efectos especiales en las páginas y definir

interactividades con el usuario. (l navegador del cliente es el encargado deinterpretar las instrucciones Javascript y ejecutarlas para reali#ar estos efectos

e interactividades, de modo %ue el mayor recurso, y tal ve# el )nico, con %ue

cuenta este lenguaje es el propio navegador.

'omo incluir javascript

La forma más frecuente de *acerlo es utili#ando la directiva +script en un

documento !"L se pueden incluir tantas directivas +script como se %uiera

en un documento. (l formato es el siguiente/

+script language01Javascript 2.31

(l atributo lenguaje *ace referencia a la versi$n de JavaScript %ue se va a

utili#ar en dic*o script.

+scriptalert4ola clase programaci$n &eb45+6script

+script language01Javascript1alert4ola clase programaci$n &eb45+6script

7uede incluirse tambi8n c$digo JavaScript como respuesta a alg)n evento/

+*tml+*ead+*ead+body+input type01submit1 onclic901alert4:cabas de *acer clic945return false51value01'lic91 6+6body+6*tml

Los navegadores %ue no soportan javascript, no interpretarían los instrucciones

de javascript sino %ue mostrarían el te;to de las instrucciones en la paginapara evitar %ue estos navegadores lean el c$digo, los scripts pueden incluirse


2/8

como comentarios para asegurar %ue su c$digo no es 1visto1 por navegadores

viejos %ue no reconocen JavaScript y así evitar errores.

+script ....

+na variable

global es accesible desde cual%uier +script de la página mientras %ue una

variable local s$lo lo es desde la funci$n en la %ue fue declarada.

7or defecto, JavaScript, cuando encuentra una variable la define c$mo global

%ue se puede ver desde cual%uier parte de la página, pero nosotros podemos

*acer %ue una variable sea local visible s$lo desde la funci$n actual usando el

sufijo var la primera ve# %ue la definimos/

+*tml +*tml


3/8

+*ead+scriptfunction mG

var nombre 0 1carlos15nombre 0 nombre D 1 vive en 'artagena15

Hm5alertnombre5

+6script+*ead+body+6body+6*tml

+*ead+scriptfunction mGnombre 0 1carlos15nombre 0 nombre D 1 vive en

'artagena15Hm5alertnombre5+6script+*ead+body+6body+6*tml

+*tml+*ead+script+


4/8

JavaScript tiene la característica de ser un lenguaje d8bilmente tipado, esto es,

una variable puede cambiar de tipo durante su vida, por ejemplo uno puede

declarar una variable %ue a*ora sea un entero y más adelante una cadena.

:*ora Kespu8s

"i=ariable05 "i=ariable01>na?'adena15

: diferencia de otros lenguajes y como ya *emos visto, en Javascript no es

necesario declarar las variables especificando el tipo de dato %ue contendrán,

será el propio interprete el %ue le asignará el tipo apropiado. (sto es así para

seguir la filosofía de diseño de Javascript %ue indica %ue se reali#an programas

pe%ueños y %ue la idea es lograr %ue el programador realice los scripts de la

manera más rápida posible.

+script

var cadena 0 1olaMnamigo15

var valor 0 true5

+6script

peradores en javaScript

peradores :ritm8ticos

Los operadores aritm8ticos toman los valores num8ricos literales o variables

como sus operando y devuelve un solo valor num8rico. Los operadores

aritm8ticos normales son/

&perador ombre Ejemplo 'escripci(n

D Suma C D N Suma dos n)meros

- Substracci$n O - A Pesta dos n)meros

Q "ultiplicaci$n N Q 3 "ultiplica dos n)meros

6 Kivisi$n 6 R Kivide dos n)meros

"$dulo/ el restodespu8s de ladivisi$n

O BKevuelve el resto de dividir ambosn)meros, en este ejemplo elresultado es 2

DD Incremento.aDD

Suma 2 al contenido de unavariable.

-- Kecremento.a--

Pesta 2 al contenido de unavariable.

- Invierte el signo deun operando.

-a Invierte el signo de un operando


5/8

+*tml+*ead

+title(jemplo de peradores +6title

+6*ead+body+script language01JavaScript1

a 0 R5b 0 35document.&ritea D b5document.&rite1+br15document.&ritea - b5document.&rite1+br15document.&rite a Q b5document.&rite1+br15

document.&ritea 6 b5document.&rite1+br15aDD5document.&ritea5document.&rite1+br15b--5document.&riteb5

+6script+6body+6*tml

peradores de comparaci$n

>n operador de la comparaci$n compara sus operando y devuelve un valor

l$gico basado en si la comparaci$n es verdad o no. Los operando pueden ser

num8ricos o cadenas.

&perador 'escripci(n

00 1 Igual a1 devuelve true si los operandos son iguales

000 (strictamente 1igual a1 JavaScript 2.3


6/8

+0 1"enor o igual %ue1 devuelve true si el operador de la i#%uierdaes menor o igual %ue el de la derec*a.

)*tml+)*ead+

)title+Ejemplo de operadores de comparaci(n),title+),*ead+)bod-+)script lan"ua"e./JavaScript/+

a . 01b . 21c . 21document34rite5a .. b61document34rite5/)br+/61document34rite5a 7. b61document34rite5/)br+/61

document34rite5a ) b61document34rite5/)br+/61document34rite5a + b61document34rite5/)br+/61document34rite5a +. c61document34rite5/)br+/61document34rite5b ). c61document34rite5/)br+)br+/61document34rite52 .. /2/61document34rite5/)br+/61document34rite52 ... /2/61document34rite5/)br+/61

),script+),bod-+),*tml+

peradores L$gicos

Los operadores L$gicos se utili#an para combinar m)ltiples comparaciones en

una e;presi$n condicional. >n operador l$gico toma dos operandos cada uno

de los cuales es un valor true o false y devuelve un valor true o false.


TT 1 U 1 Kevuelve true si ambos operadores son true.

VV 1 1 Kevuelve true si uno de los operadores es true.

< 1Eo1 Kevuelve true si la negaci$n del operando es true.

)*tml+)*ead+

)title+Ejemplo de operadores lo"icos ),title+),*ead+)bod-+)script lan"ua"e./JavaScript/+

a . 01

b . 21c . 21


7/8

document34rite5 5a .. b6 88 5c + b6 61document34rite5/)br+/61document34rite5 5a .. b6 99 5b .. c6 61document34rite5/)br+/61document34rite5 75b ). c6 61document34rite5/)br+/61

),script+),bod-+

),*tml+

peradores de 'adena

Los valores cadena pueden compararse usando los operadores de

comparaci$n. :dicionalmente, usted puede concatenar cadenas usando el

operador D

)*tml+)*ead+

)title+Ejemplo de operador decadena ),title+),*ead+)bod-+)script lan"ua"e./JavaScript/+

ombre . /'ario/1 document34rite5 /ola / ; ombre ;/3/ 61),script+),bod-+),*tml+

peradores de :signaci$n


0 :signa el valor del operando de la derec*a a la variablede la i#%uierda.(jemplo/ inttotal02@@5

D0

tambien - 0, Q 0, 6 0

:ñade el valor del operando de la derec*a a la variable

de la i#%uierda.(jemplo/ inttotal D02@@

T0tambi8n V0

:signa el resultado de operando de la i#%uierda Toperando de la derec*a al operando de la i#%uierda

)*tml+)*ead+

)title+Ejemplo de operadores de asi"naci(n),title+),*ead+


8/8

)bod-+)script lan"ua"e./JavaScript/+

a . 01b . 21a ;. 21

document34rite5a61document34rite5/)br+/61a . =1document34rite5b61

),script+),bod-+),*tml+

Documents

Clase 17 Java Script