Escolar Documentos
Profissional Documentos
Cultura Documentos
el Desarrollo WEB
Modulo VI- Javascript
Sesin #3
Mara Paz Coloma M.
mcoloma@inacap.cl
Javascript
Contenido
Qu es Javascript?
Programacin del lado del cliente.
Aspectos generales del lenguaje.
Validaciones de Formulario.
Qu es Javascript?
Javascript es un lenguaje liviano, cuya principal
caracterstica es que trabaja del lado cliente, ya que
el navegador soporta la carga de procesamiento.
Javascript puede ser insertado en pginas HTML o
bien ser agregado como referencias, al igual que las
hojas de estilos o CSS.
Sintaxis de Javascript
Declaracin de Variable:
Var strnombre;
Operadores:
+: suma y/o concatenacin
- : Resta.
/ : divisin.
* : multiplicacin.
Sintaxis de Javascript
Comentarios:
/*... * / Bloque de comentarios.
// comentarios lnea a lnea.
Manejo de Objetos
Javascript reside en el HTML, dentro de los
tags script o un archivo aparte.
Ejemplo:
Archivo saludo.htm
Manejo de Objetos
Para acceder a un objeto dentro del DOM
siempre debe utilizar un document.
Las aplicaciones javascript son manejadas
por eventos.
No todos los eventos son compatibles con
todos los browser.
Manejo de Objetos
Dentro de los eventos podemos destacar:
onClick: cuando el usuario hace un click en un
elemento.
onLoad:la pgina se carga en el browser.
onBlur:el usuario sale del campo de un formulario.
onSubmit: cuando un formulario va a ser enviado.
onMouserOver: cuando se mueve el mouse por
sobre el elemento.
onMouseOut: cuando se mueve el mouse por
fuera del elemento.
Manejo de Objetos
Todo objeto tiene un id o bien un name , y
debe ser definido si se quiere acceder a
travs de javascript.
Los manejadores de eventos dependen de
los objetos.
Los objetos tienen mtodos y atributos.
Definicin de Funciones
Las funciones se definen con la palabra reservada
function y en minsculas.
Deben tener un return como norma.
La funcion puede recibir parmetros no importando
su tipo.
Cmo todo lenguaje maneja palabras reservadas.
Debe respetar esto si no tendr problemas de debug
nada gratos.
Ejemplo:
function validar(variable)
Definicin de Funciones
El contenido de una funcin va entre llaves. { }
Cada sentencia Javascript debe terminar con punto y
coma (;)
Las maysculas y minsculas deben ser respetadas.
Las comillas simples () representan texto.
La funcin debe ir definda con un nombre e
independiente si recibe o no parmetros con
parntesis redondos.
Validaciones de Formularios
Recuerde que mientras menos sean las conexiones
que tenga que efectuar al servidor mejor.
Uno de los principales errores es cuando se valida el
formulario en el servidor.
Para validar formularios debe ocupar Javascript,
independiente sea a mano o automatizable a travs
de algn editor.
Recuerde que el envo de un formulario se realiza a
travs del mtodo submit del mismo.
Objeto window
Window: es el nivel ms alto de la jerarqu de objetos
de javascript.
Atributos:
MenuBar
Location
Statusbar
Toolbar
Mtodos:
Open(Url, nombre, atributos)
Close()
Objeto Document
El objeto document es el que tiene el contenido de toda la
pgina que se est visualizando. Esto incluye el texto,
imgenes, enlaces, formularios.
Atributos:
Bgcolor
Forms
Title
Mtodos:
Open()
Close()
Write()
Writeln()
Objeto Location
Este objeto contiene la URL actual as como algunos
datos de inters respecto a esta URL.
Permite extraer informacin de una URL a travs de
sus atributos, como hostname, href, port, protocol
entre otras cosas.
Dentro de la jerarqua de objetos es la tercera.
Mtodos:
Reload()
Replace(cadenaUrl)
1. Vaya al notepad.
2. Abra el archivo ejemplo.htm
3. Guarde el archivo como location.htm
4. En el body inserte el manejador onLoad y escriba los siguiente:
<body onLoad=javascript:void(UrlInfo())>
Objeto History
Este objeto se encarga de almacenar una lista con
los sitios por los que se ha estado navegando.
Atributos:
Current.
Next
Length
Previous
Mtodos:
Back().
Forward()
Go(posicin)
Objeto History
1. Vaya a notepad.
2. Abra el archivo ejemplo.htm
3. Guarde el archivo como history.htm
4. Inserte un botn en la seccin body del documento que sea
del tipo button, name igual cmd_volver, y value igual Volver.
5. Agregue al botn el manejador de eventos onClick.
6. Escriba en el manejador lo sgte:
onClick=Javascript:void(History.back());
Objeto Navigator
Este objeto simplemente nos da informacin relativa
al navegador que est utilizando el usuario.
Atributos:
appName
appVersion
Mtodos:
Javaenbled()
1. Vaya a Notepad.
2. Abra ejemplo.htm
3. Guarde como Navigator.htm
4. En la seccin script escriba la siguiente funcin:
function ValidarNav()
{
document.write('Su navegador es:' + navigator.appName);
}
Links
Varios:
-
http://www.webestilo.com/javascript/js16.phtml
http://www.devguru.com/Technologies/ecmascript/quickref/js_objects.html