Es el objeto que guarda las propiedades de la ventana del explorador. Si la página cargada es una página de marcos o frames, cada uno de éstos tendrá su propio objeto window.
Cuando se carga una página, se cargan en la memoria del navegador un conjunto de elementos
frames: Es una matriz que representa todos los frames de la ventana. Se puede acceder a uno en concreto a través de su nombre, o por la posición que ocupa (ver ejemplo).
document: Objeto con el contenido de la página. Todo el contenido visible de la página son objetos contenidos a su vez dentro de éste objeto. Ver el siguiente apartado para más información.
history. Es un objeto en el que se guarda un historial de las páginas visitadas.
Propiedades.
closed: Devuelve un booleano indicando si una ventana está cerrada.
status: Determina el mensaje que aparece en la barra de estado del navegador. De este modo, podemos hacer en cualquier momento que aparezca el mensaje deseado. Por ejemplo, cuando en un documento el ratón pasa por encima de un enlace, en la barra de estado aparece el destino del mismo (el sitio que se mostrará en caso de pulsar sobre él); si queremos que éste no aparezca, podremos poner el texto que queramos. Para ello asignaremos un valor a la propiedad status del siguiente modo:
window.status ="Este mensaje aparece en la barra de estado";
En Mozilla (Netscape) por defecto esta propiedad no está habilitada, depende de la configuración personalizada del cliente (Herramientas>Opciones>Contenido>Activar Javascript>Avanzado> ahí hay una popción para permitir o no el cambio de mensajes).
defaultStatus: Similar al anterior. Habitualmente usaremos status para establecer el mensaje cuando se produzca un evento concreto (que el ratón pase por un enlace), mientras que con defaulStatus indicamos que mientras que no suceda nada este mensaje será el que ha de aparecer en la barra de estado.
window.defaultStatus="Mensaje por defecto";
length Propiedad que devuelve un entero indicando el número de marcos que contiene la ventana.
name: Nombre de la ventana.
self y window: Hacen referencia a la ventana activa. Si el documento está cargado en una página de marcos hará referencia al marco donde se está visualizando.
openner. Si la ventana fue abierta por otra usando el método open(), guarda una referencia a ésta. Si no es así el valor de esta propiedad será null. Si es el caso, al poder referirnos a la ventana padre, también podremos interactuar sobre ella.
parent: Hace referencia a la ventana superior del navegador, al padre inmediato del marco.
top: Hace referencia a la ventana padre absoluta, es decir, a la página de marcos.
En el ejemplo, tenemos una página principal dividida en tres marcos(cabecera, lateral y contenido), y en uno de ellos hay cargada otra página de marcos con dos marcos (central y pie), con lo que tendremos lo siguiente:
Para cabecera, lateral y contenidowindow.parent será la página principal, y para central y pie será el marco contenido. window.top: Para todos será el mismo, es decir, la página principal que tiene las tres divisiones. window.self o window: Para el documento logo.htm será cabecera, para marco2.htm será contenido, para pagina1.htm central y para mensajes.htm pie.
Para pagina1.htm, window.top.length es 3 (el número de marcos que tiene la página principal) y window.parent.length es 2 (los marcos que tiene marco2.htm).
Gracias a las propiedades length y name, podemos hacer referencia a otro marco del siguiente modo:
Desde pagina1.htm, para hacer referencia al marco lateral: window.top.frames[1]; window.top.lateral;
Aquí podemos observar la utilidad de darles nombres a nuestros marcos, pues más sencillo referirnos a ellos por su nombre que por la posición que ocupa en la división de los marcos que hayamos establecido. window.top.frames[0] es el frame llamado cabecera.
Veamos algunos objetos que Netscape, Mozilla, han definido para identificar partes del navegador y el tamaño del mismo:
innerHeight: Tamaño vertical en pixels.
innerWidth:Tamaño horizontal en pixels.
scrollbars: Objeto de las barras de desplazamiento de la ventana.
statusbar: Barra de estado del navegador.
toolbar: Objeto que representa labarra de herramientas.
En Netscape nos encontramos con otras propiedades que nos pueden resultar muy útiles:
screenX y screenY. Indican las coordenadas X e Y, respectivamente, en las que se encuentra la ventana respecto a la pantalla completa.
En Internet Explorer hay unos métodos similares:
screenLeft y screenTop. Ambos se corresponden con los métodos anteriores.
Métodos.
Para abrir ventanas funcionales.
El objeto window dispone de tres métodos para abrir ventanas de información que ya hemos visto:
alert (mensaje). Muestra una ventana con información al usuario. Para más información ver el apartado Ventanas de información.
confirm ( mensaje ). Es una ventana en la que se muestra el mensaje informativo al usuario con dos botomes. Con esta ventana se le permite adoptar una decisión al usuario según el botón que pulse (para más información, ver el apartado Ventanas de confirmación).
prompt ([mensaje, respuesta_inicial]). Muestra un cuadro de diálogo con una caja de texto en la que podemos escribir una respuesta a lo que nos pregunte. El parámetro respuesta_inicial es opcional, y mostrará la respuesta por defecto indicada al abrirse el cuadro de diálogo. El método devuelve una cadena de caracteres con la respuesta introducida. Para más detalle ver el apartado Ventanas para pedir información de este manual.
Además, existen otros tipos de ventanas:
print(). Abre el cuadro de diálogo para la impresión del documento.
find(). Permite abrir una ventana para realizar una búsqueda de un texto en el documento.
Para el uso de estos casos no es necesario hacer una llamada al objeto window; pero para casi todos los que vamos a ver a continuación sí, pues hay otros objetos de javascript que tienen métodos que se llaman igual y para poder saber a qué objeto nos referimos hay que especificarlo. Veamos el resultado de dos de estos casos, en el primero referenciamos al objeto window y en el segundo no.
showModalDialog (sURL [, vArgumentos] [, sCaracteristicas]).
Sólo disponible para Internet Explorer y el reciente Google Chrome, permite abrir una ventana de modo que conserva siempre el foco mientras está abierta. El usuario no puede cambiar de ventana hasta que sea cerrada.
El primer parámetro (sURL) es obligatorio, y consiste en una cadena indicando la URL de la página a mostrar.
El segundo (vArgumentos) es opcional. Consiste en un valor o conjunto de valores que se le pasan a la ventana modal que se va a abrir. Ésta podrá utilizar los parámetros y operar con ellos. Del mismo modo, cuando sea cerrada, podrá pasarle a la ventana principal un nuevo valor para ellos. Los argumentos pasados por la ventana principal son recibidos en la modal con el nombre de dialogArguments.
En el tercer parámetro(sCaracteristicas) se puede pasar las características de la ventana modal:
dialogWidth: sWidth. Fija la anchura de la ventana de diálogo.
dialogHeight: sHeight. Establece el alto de la ventana de diálogo.
dialogLeft: sXPos. Fija la posición izquierda de la ventana del diálogo.
dialogTop: sYPos. Indica la posición superior de la ventana del diálogo.
center: {yes | no | 1 | 0 | on | off}. Especifica si centrar la ventana modal en el escritorio. Por defecto, el valor es yes.
dialogHide: {yes | no | 1 | 0 | on | off}. Especifica si la ventana de diálogo está ocultada al imprimir o con la inspección previo de impresión. Esta característica está solamente disponible cuando una caja de diálogo se abre de un uso confiado en. Por defecto su valor es no.
edge { sunken | raised }. Especifica el estilo del borde de la ventana. Por defecto el valor es raised (levantada).
resizable: { yes | no | 1 | 0 | on | off }. Indica si la ventana podrá ser cambiada de tamaño por el usuario. Por defecto su valor es no.
scroll {yes | no | 1 | 0 | on | off}. Especifica si aparecerán las barras de desplazamiento (scrollbars) cuando sea preciso. Por defecto su valor es yes.
status {yes | no | 1 | 0 | on | off}. Especifica La barra de estado aparecerá (yes, 1, on) o no (no, 0, off). Por defecto no.
Si la ventana modal devuelve algún valor, éste es recibido por la ventana principal con el nombre returnValue. Este valor será devuelto a través de una función que realice las acciones oportunas; si es cerrada a través del botón cerrar () de la barra de título dicha variable no es recibida por la ventana principal aun cuando se hayan realizado peraciones con ellas, de modo que será necesario controlar si no es nula antes de poder operar con ellos.
Veamos un ejemplo ( Recuerda que sólo se puede ver en Explorer). Supongamos que tenemos una aplicación en la que se muestran los datos de un cliente en modo de sólo lectura. Disponemos de un botón que abrirá una ventana modal donde se podrán modificar los datos. Si la ventana modal se cierra sin pulsar el botó habilitado para tal efecto, se muestra un mensaje de alerta indicando que no se han realizado cambios.
Hoy habia 11 visitantes (16 clics a subpáginas) ¡Aqui en esta página!
) de la barra de título dicha variable no es recibida por la ventana principal aun cuando se hayan realizado peraciones con ellas, de modo que será necesario controlar si no es nula antes de poder operar con ellos.