Professional Documents
Culture Documents
Alumnos:
Arzola Jess
C.I. 20.526.827
Junio 2016
JAVASCRIPT:
Es un lenguaje de programacin que se utiliza para mejorar la
presentacin de nuestras pginas HTML. No tiene nada que ver con JAVA.
No necesita compilacin. Es un lenguaje interpretado. El cdigo puede
ser de tres tipos:
EJEMPLO:
<HTML>
<HEAD>
<SCRIPT language = Javascript>
<! - Comentario en HTML
function HolaMundo () {
alert (Hola Mundo);
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT type = button name = botn value = Plsame onClick =
HolaMundo ()>
</FORM>
</BODY>
</HTML>
EJEMPLO:
<SCRITP>
var a = 7;
function f1 () {
var b = 2;
}
function f2 (c) {
(sentencias)
}
</SCRITP>
TIPOS DE OPERADORES:
SEPARADORES ARITMTICOS:
Los corchetes y los parntesis los utilizaremos para marcar
prioridades; la coma separa variables del mismo tipo y los
distintos parmetros que se les pasa a una funcin; y el punto y
coma finaliza una lnea de cdigo.
EJEMPLO:
<SCRIPT language = Javascript>
var a;
EJEMPLO:
For (a = 0; a<100; a++) {
Documento.write (a + );
If (a == 49) {
Break};
}
OBJETOS DE JAVASCRIP:
Se definen objetos que estn relacionados con la fecha actual, la
ventana del navegador, etc. Cada objeto tiene por un lado unas
propiedades (el color de fondo de una pgina por ejemplo) y por el otro
lado tiene mtodos (funciones que se pueden realizar con ese objeto).
Sobre estos objetos se pueden producir eventos. Los eventos que se
pueden producir en Javascript son:
1. onBlur: se produce cuando un elemento pierde el foco.
2. onClick: se produce cuando pinchamos sobre ese elemento.
3. onChange: se produce cuando el usuario cambia el valor de algn
elemento.
4. onFocus: se produce cuando un elemento coge el foco.
5. onLoad: se produce al cargar esta pgina en el navegador.
6. onMouseOver: se produce cuando pasamos el ratn por encima.
7. onMouseOut: se produce cuando el ratn salga de ese elemento.
8. onSelect: se produce cuando seleccionamos un elemento.
9. onSubmit: se produce cuando pulsamos el botn Enviar de un
formulario.
10.
11.
12.
Anchor:
13.
Button:
14.
Checkbox:
15.
Date:
16.
Document:
17.
Elements (array):
18.
Form:
19.
Frame:
20.
Hidden:
21.
History:
22.
Link:
23.
Location:
24.
Math:
25.
Navigator:
26.
Password:
27.
Radio:
28.
Select:
29.
Reset:
30.
String:
31.
Submit:
32.
Text:
33.
Textarea:
34.
Window:
OBJETO STRING:
Es un tipo de objeto de Javascript que nos permite trabajar con cadenas
de caracteres. La nica propiedad que tiene es length la cual contiene el
nmero de caracteres de ese objeto. La sintaxis para usar las
propiedades es:
nombre objeto.propiedad
Los mtodos de este objeto son:
Anchor () crea un elemento ancla (enlace) e ir donde le diga el objeto
string. Con cadena, visualizaremos lo que queramos que se vea en la
web.
<!
var frase = Hoy es Lunes;
document.write (frase = + frase + `<br>');
document.write (Longitud = + frase.length + `<br>');
document.write (Negrita = + frase.bold + `<br>');
document.write (Negrita = + frase.bold () + `<br>');
document.write (Maysculas = + frase.toUpperCase () + `<br>');
//-- >
</SCRIPT>
</BODY>
OBJETO MATH:
Lo utilizaremos para efectuar clculos matemticos o funciones
trigonomtricas. Sus propiedades son:
1. E: contiene el nmero e.
2. LN2: contiene el logaritmo natural de 2.
3. LN10: contiene el logaritmo natural de 10.
4. LOG2E: contiene el logaritmo de e en base 2.
5. LOG10E: contiene el logaritmo de e en base 10.
6. PI: contiene el nmero pi.
7. SQRT1_2: contiene la raz cuadrada de .
8. SQRT2: contiene la raz cuadrada de 2.
9. Sus mtodos son:
10.
11.
12.
13.
14.
Ceil (n) devuelve el menor valor entero que es igual o mayor
que n.
15.
16.
17.
Floor () devuelve el valor entero mayor que sea igual o
menor que n.
18.
19.
20.
21.
22.
23.
24.
25.
26.
Var fecha = new Date (cadena); siendo cadena (da, mes, ao, hh, mm,
ss)
La tercera manera de ponerlo es:
Var fecha = new Date (ao, mes, da, hh, mm, ss);
Este objeto no tiene propiedades. Sus mtodos son:
GetDate () nos devuelve el da del mes. Un nmero entre 1 y 31.
GetDay () nos devuelve el da de la semana siendo el cero el domingo.
GetHours () nos devuelve la hora.
GetMinutes () nos devuelve los minutos comprendidos entre 0 y 59.
GetMonth () nos devuelve el nmero del mes siendo el cero enero.
GetSeconds () nos devuelve los segundos comprendidos entre 0 y 59.
GetTime () nos devuelve los milisegundos que han pasado desde el de
enero de 1970 hasta la fecha indicada.
GetYear () devuelve el ao.
SetDate () establecemos el da del mes.
SetHours () establecemos las horas.
SetMinutes () establecemos los minutos.
SetMonth () establecemos el mes.
SetSeconds () establecemos los segundos.
SetTime (ms) devuelve la fecha equivalente a los milisegundos que le
pasemos a partir del 1 de enero de 1970.
SetYear () establecemos el ao.
ToLocaleString () nos devuelve una cadena que contiene la fecha actual.
Parse () le pasamos una cadena y lo convierte a un objeto de tipo date.
EJEMPLO:
<BODY>
<SCRIPT langua = Javascript>
var fecha = new Date ();
document.write (Hoy estamos a + fecha.getDate ());
document.write (del mes n + fecha.getMonth () + 1);
document.write (del ao + fecha.getYear () + 1900);
document.write (y son las + fecha.getHours () + horas +
fecha.get.Minutes () + Minutos);
</SCRIPT>
</BODY>
OBJETO WINDOW
10.
Document: hace referencia al documento que estamos
viendo en el navegador.
11.
Frame: hace referencia al frame activo. Devolvera el nombre
del frame activo.
12.
13.
Los mtodos son: (pudiendo poner window.mtodo () o
mtodo a secas)
14.
Alert (mensaje) muestra una ventana de alerta con el
mensaje que pongamos y un botn de aceptar.
15.
16.
Confirm (mensaje) muestra una vetana con un botn de
aceptar o cancelar.
17.
Open (URL, nombre ventana, [opciones]) abre una nueva
ventana y carga en esa ventana el documento que refleje URL.
Con nombre ventana le asignamos un nombre para poder cerrarla
despus. Las opciones son:
18.
Toolbar = yes/no :si queremos que la ventana nueva tenga la
barra de herramientas.
19.
Location = yes/no : hace referencia al campo donde
introducimos la URL donde introducimos la URL de la pgina.
20.
Directories = yes/no : hace referencia a los botones de
directorio.
21.
22.
23.
Scrollbar = yes/no : si queremos que la ventana tenga barras
de desplazamiento.
24.
Resizable = yes/no :si queremos que la ventana se pueda
redimensionar.
25.
26.
OBJETO LOCATION:
Este objeto hace referencia al campo direccin de la ventana del
navegador. Adems de ser independiente, es una propiedad del objeto
window. No tiene ningn mtodo. Slo tiene propiedades. El formato es:
Protocol//hostname : port pathname search hash
Protocol hace referencia al tipo de protocolo incluyendo los dos puntos.
Hostname hace referencia a la direccin de la pgina siendo su nmero
IP o su nombre del dominio.
Port hace referencia al puerto por el que se realiza la conexin. Por
defecto en HTTP es 80.
Pathname hace referencia a la ruta del directorio de la pgina.
Search hace referencia a la ruta del directorio de la pgina. Es
equivalente al parmetro TARGET de HTML.
Hash especifica un nombre de ancla (enlace a una misma pgina).
EJEMPLO:
<BODY>
<A name = top> </A>
Al final de la pgina hay un botn
<HR>
<SCRIPT language = Javascript>
<!
for (var i = 1; i<40; i++) {
document.write(ms abajo+'<BR><P>');
//-->
</SCRIPT>
<FORM name = formulario>
</BODY>
</HTML>
OBJETO DOCUMENT:
Hace referencia al archivo HTML que vemos en el navegador. Las
propiedades que tiene son:
Alinkcolor hace referencia al color de un enlace cuando pinchemos en l.
Anchors es un array que contiene las anclas que hay en el documento.
Bgcolor hace referencia al color de fondo de nuestra pgina.
Cookie hace referencia a una cookie.
Forms es un array que contiene los formularios que hay en el
documento.
LastModified hace referencia a la ltima fecha y hora de la modificacin
de la pgina.
LinkColor se refiere al color del enlace cuando an no lo hemos visitado.
Links es un array que hace referencia a los enlaces que hay en nuestra
pgina.
Location contiene la URL de nuestro documento.
Title se refiere al ttulo de la pgina.
Vlinkcolor se refiere al color de un enlace cuando ya lo hemos visitado.
Length (slo para anchors, forms, links) contiene el nmero de
elementos de ese array.
Los mtodos son:
Clear () borra la pgina de nuestra navegador.
Close () cierra el documento pero no cierra la ventana.
Open () vuelve a hacer activos todos esos elementos.
<BODY>
<SCRIPT language = Javascript>
document.write(Cdigo:+navigator.appCodeName+'<P>');
document.write(Nombre:+navigator.appName+'<P>');
document.write(Versin:+navigator.appVersion+'<P>');
</SCRIPT>
</BODY>
OBJETO LINK
Se refiere a un texto o imagen que se hay incluido en la etiqueta <A
HREF>. Las propiedades de cada objeto link son las mismas que el
objeto location y tampoco tiene mtodos.
Href hace referencia a lo que es la URL completa de una pgina
EJEMPLO:
<HTML>
<HEAD>
<TITLE> 2 Frames con 1 click </TITLE>
</HEAD>
<FRAMESET cols = 40%, *>
<FRAME name = fr1 src = pg1.htm>
<FRAMESEt rows = 50%, *>
<FRAME name = fr2 src = >
<FRAME name = fr3 src = >
</FRAMESET>
</FRAMESET>
OBJET FORM
Es un objeto que nos permite denominar formularios y modificar o
comprobar el valor de sus campos antes de enviarlos a un servidor.
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM name = formulario>
<INPUT type = text name = nombre> <P>
<INPUT type = checkbox name = mayorDeEdad checked> Mayor de
Edad <P>
<INPUt type = button name = botn value = Pulsar onClick =
ventana ()>
</FORM>
</CENTER>
</BODY>
</HTML>
COOKIES
Son un mecanismo de Javascript que permiten a un servidor enviar
informacin a un cliente y recuperarla de l. Saber desde dnde nos han
visitado, cundo, etc. Otra de las ventajas es que podemos hacer que
caduquen. El formato que tienen es el de una cadena de texto con un
tamao mximo de 4 Kb (4096 bytes). En nuestro disco duro puede
haber como mximo 300 cookies y el servidor slo puede tener un
mximo de 20 en nuestro ordenador. El formato ser:
Nombre = valor; [expires = caducidad]
Si no ponemos fecha de caducidad, se borrar al cerrar el navegador. En
el Netscape, las cookies se almacenan en el fichero cookies.txt y en el
Explorer todas las cookies se quedan en la carpeta cookies que cuelga
de windows. Tenemos que tener una funcin que mande la cookie al
servidor y otra funcin que permita recuperar esa cookie a nuestro
ordenador.
EJEMPLO:
<HTML>
<HEAD>
<TITLE> Cookies </TITLE>
<SCRIPT language = Javascript>
function contador () {
var numero = 0;
var fecha = new Date(99 ,12,31);
if (!(numero = consultarCookie(VisitaALaPagina))){
numero = 0;
}
numero++;
mandarCookie(VisitaALPagina, numero, fecha);
if(numero == 1) {
document.write(es la primera vez que me visitas);
}
else {
document.write(Has visitado la pgina+numero+veces);
}
}
function consultarCookie(nombre) {
var busqueda = nombre + =;
var i,f;
if(document.cookie.length>0){
i = document.cookies.indexOf(busqueda);
if(i! = -1){
i+ = busqueda.length;
j = document.cookie.indexOf(;,i);
if(j == -1) {
j = document.cookie.length;
}
return unespace(document.cookie.substring(i,j));
}
}
}
function mandarCookie(nombre, valor, caducidad) {
document.cookie = nombre+=+escape(valor)+((caducidad ==
null)?:(;expires = +caducidad.toGMTstring()));
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT language = Javascript>
contador();
</SCRIPT>
</BODY>
</HTML>
INTRODUCCION