Como ya hemos mencionado en este temario, los objetos siguen una jerarqu�a. El de mas alto nivel es el objeto WINDOW, que representa a la ventana activa. Todos los dem�s, son objetos derivados de �ste. Veamos cuales son las propiedades y m�todos que acepta cada uno, as� como los eventos que les afectan.
� Objeto window
Representa la ventana activa del navegador y es el mas alto de la jerarqu�a.
Propiedades:
defaultStatus | se refiere al mensaje que aparecer� por defecto en la barra de estado. |
document | representa al documento HTML en ejecuci�n en ese momento. |
frames [] | es una matriz que contiene los frames de la ventana. |
history | representa un registro hist�rico de las p�ginas visitadas en la actual sesi�n de uso de Internet. |
length | contiene el n�mero total de frames de la ventana. |
location | representa a la direcci�n (URL) actual de Internet. |
name | contiene el nombre de la ventana activa. |
navigator | representa al navegador que estamos utilizando. |
self | se refiere a la propia ventana. Es el mismo objeto window. |
status | es el mensaje que aparece en la barra de estado en un momento determinado. |
window | representa a la ventana activa o a otra ventana o sub-ventana de navegaci�n. |
M�todos:
close () | permite cerrar la ventana activa. Su sintaxis es self.close() |
open () | permite abrir una nueva ventana, como sub ventana de la actual. Su sintaxis es: nueva_ventana = window.open ("URL", "Target", "Opciones") |
En la sintaxis expresada, nueva_ventana es el nombre que queremos darle a la sub-ventana. URL es la direcci�n de la p�gina que queremos que se cargue en la sub-ventana. Target es la direcci�n del frame donde queremos que se abra la nueva ventana (caso de existir frames) como hacemos en HTML con los hiperenlaces. Opciones son las propiedades de la nueva ventana, de acuerdo a la siguiente tabla.
propiedad | Tipo de dato | Explicaci�n |
toolbar | booleano | Ventana con barra de herramientas. |
location | booleano | Ventana con barra de direcciones. |
directories | booleano | Ventana con directorios. |
Status | booleano | Ventana con barra de estado |
menubar | booleano | Ventana con barra de men�s. |
scrollbars | booleano | Ventana con barras de desplazamiento. |
resizable | booleano | Ventana de tama�o redefinible por el usuario. |
width | p�xeles | Anchura de la ventana |
height | p�xeles | Altura de la ventana. |
top | p�xeles | Posici�n Y de la ventana |
left | p�xeles | Posici�n x de la ventana |
Eventos:
onLoad | Se ejecuta cuando se carga la p�gina. |
onUnload | Se ejecuta cuando se descarga (se cierra) la p�gina. |
� Objeto document
Representa el documento activo.
Propiedades:
alinkColor | Representa el color de los enlaces activos. |
bgColor | Representa el color de fondo del documento. |
fgColor | Representa el color del texto |
lastModified | Representa la fecha de la �ltima modificaci�n. |
linkColor | Representa el color de los enlaces. |
location | Representa la URL del documento. |
title | Representa el t�tulo del documento. |
vlinkColor | Representa el color de los enlaces visitados. |
M�todos:
Write () | Escribe un texto. |
Writeln() | Escribe una l�nea de texto. |
Eventos:
Ninguno |
� Objeto form
Este objeto se refiere a un formulario empleado en el documento. Se accede a cada formulario mediante un �ndice: document.form [�ndice]
El n�mero de �ndice se corresponde con el orden de creaci�n de formulario en el documento.
Propiedades:
action | Representa la URL donde est� el programa encargado de procesar un formulario (al que se llama al activar el bot�n Submit). |
length | Es el n�mero de elementos del formulario. |
method | Es el m�todo de env�o (GET o POST). |
M�todos:
submit | Se usa para forzar el env�o. |
Eventos:
onSubmit | Se produce cuando se pulsa el bot�n Submit del formulario. |
� Objeto location
Contiene la URL de la p�gina actual
Propiedades:
href | Representa la propia URL. |
pathname | Representa la ruta del disco del servidor donde se aloja la p�gina. |
M�todos:
Ninguno. |
Eventos:
Ninguno. |
� Objeto navigator
Representa al navegador actual.
Propiedades:
appName | Es el nombre del navegador. |
appVersion | Se refiere a la versi�n del navegador. |
M�todos:
Ninguno. |
Eventos:
Ninguno. |
� Objeto history
Representa el historial de las p�ginas visitadas en la sesi�n actual de uso de Internet
Propiedades:
length | Representa la cantidad total de p�ginas visitadas. |
M�todos:
back () | navega a la p�gina anterior. |
forward() | navega a la p�gina siguiente. |
go (n) | navega n p�ginas hacia delante (o hacia atr�s, si n es negativo). |
Eventos:
Ninguno. |
� Tipos de eventos
Aqu� se listan los principales eventos que se pueden asociar a una imagen, hiperv�nculo, cadena de texto, etc. A continuaci�n aparecen agrupados seg�n donde se originen (rat�n teclado, etc). Estos eventos son los mas usados. Existen otros, pero no siempre funcionan bien con los dos navegadores, y adem�s son bastantes ex�ticos, acad�micos y de uso poco pr�ctico. No los veremos aqu�.
Eventos de rat�n
ONCLICK | Se activa con un bot�n del rat�n. |
ONDBLCLICK | Se activa si se hace un doble click. |
ONMOUSEDOWN | Se activa si se pulsa el bot�n izquierdo del mouse. |
ONMOUSEMOVE | Se activa si se mueve el mouse. |
ONMOUSEOVER | Se activa cuando el puntero se sit�a sobre el objeto que incluye al evento. |
ONMOUSEOUT | Se activa cuando el puntero sale del objeto que incluye al evento. |
ONMOUSEUP | Se activa si se suelta un bot�n pulsado en el mouse (es contrario a ONCLICK). |
ONDRAGSTART | Se activa cuando se inicia un arrastre. |
ONSELECTSTART | Se activa cuando se inicia una selecci�n con el rat�n. |
ONSELECT | Se activa cuando se ha realizado una selecci�n con el rat�n. |
Eventos de teclado
ONKEYDOWN | Se activa si se pulsa una tecla cualquiera. |
ONKEYPRESS | Se activa si se pulsa y suelta una tecla. |
ONKEYUP | Se activa cuando se suelta una tecla pulsada. |
ONHELP | Se activa si se pulsa la tecla de ayuda (normalmente F1). |
Eventos de enfoque
ONFOCUS | Se activa cuando se entra en el �mbito de un elemento al que est� asociado el evento. |
ONBLUR | Se activa al abandonar el �mbito del elemento al que est� asociado. |
Eventos de formulario
ONRESET | Se activa al pulsar un bot�n de reset de un formulario. |
ONSUBMIT | Se activa al enviar un formulario. |
Eventos de carga de p�gina
ONABORT | Se activa cuando se aborta la carga de la p�gina. |
ONERROR | Se activa cuando se produce un error inesperado durante la carga de la p�gina. |
ONLOAD | Se activa cuando se carga la p�gina. |
ONUNLOAD | Se activa cuando el usuario descarga la p�gina (es decir, carga otra o pretende salir del navegador). |
ONAFTERUPDATE | Se activa si se actualiza o recarga la p�gina. |