Objeto window de Javascript

  • Por
Estudiamos el objeto window de Javascript que nos sirve para controlar la ventana del navegador. Detallamos sus propiedades y hacemos un ejemplo.

Es el objeto principal en la jerarquía y contiene las propiedades y métodos para controlar la ventana del navegador. De él dependen todos los demás objetos de la jerarquía. Vamos a ver la lista de sus propiedades y métodos.

Propiedades del objeto window

A continuación podemos ver las propiedades del objeto window. Hay algunas muy útiles y otras que lo son menos.

closed

Indica la posibilidad de que se haya cerrado la ventana. (Javascript 1.1)

defaultStatus

Texto que se escribe por defecto en la barra de estado del navegador.

document

Objeto que contiene el la página web que se está mostrando.

Frame

Un objeto frame de una página web. Se accede por su nombre.

frames array

El vector que contiene todos los frames de la página. Se accede por su índice a partir de 0.

history

Objeto historial de páginas visitadas.

innerHeight

Tamaño en pixels del espacio donde se visualiza la página, en vertical. (Javascript 1.2)

innerWidth

Tamaño en pixels del espacio donde se visualiza la página, en horizontal. (Javascript 1.2)

length

Numero de frames de la ventana.

location

La URL del documento que se está visualizando. Podemos cambiar el valor de esta propiedad para movernos a otra página. Ver también la propiedad location del objeto document.

locationbar

Objeto barra de direcciones de la ventana. (Javascript 1.2)

menubar

Objeto barra de menús de la ventana. (Javascript 1.2)

name

Nombre de la ventana. Lo asignamos cuando abrimos una nueva ventana.

opener

Hace referencia a la ventana de navegador que abrió la ventana donde estamos trabajando. Se verá con detenimiento en el tratamiento de ventanas con Javascript.

outherHeight

Tamaño en pixels del espacio de toda la ventana, en vertical. Esto incluye las barras de desplazamiento, botones, etc. (Javascript 1.2)

outherWidth

Tamaño en pixels del espacio de toda la ventana, en horizontal. Esto incluye las barras de desplazamiento. (Javascript 1.2)

parent

Hace referencia a la ventana donde está situada el frame donde estamos trabajando. La veremos con detenimiento al estudiar el control de frames con Javascript.

personalbar

Objeto barra personal del navegador. (Javascript 1.2)

self

Ventana o frame actual.

scrollbars

Objeto de las barras de desplazamiento de la ventana.

status

Texto de la barra de estado.

statusbar

Objeto barra de estado del navegador. (Javascript 1.2)

toolbar

Objeto barra de herramientas. (Javascript 1.2)

top

Hace referencia a la ventana donde está situada el frame donde estamos trabajando. Como la propiedad parent.

window

Hace referencia a la ventana actual, igual que la propiedad self.

Vamos a ver un ejemplo de utilización de la propiedad status del objeto window. Esta propiedad sirve para escribir un texto en la barra de estado del navegador (la barra de debajo de la ventana). En este ejemplo hemos tenido que adelantarnos un poco en la marcha del manual, pues utilizamos un manejador de eventos y no hemos visto todavía lo que son. En concreto utilizamos el manejador de eventos onclick, que sirve para ejecutar sentencias Javascript cuando el usuario pulsa un elemento de la página.

Los manejadores de eventos se colocan en etiquetas HTML, en nuestro caso lo colocamos en un botón de formulario. Las sentencias Javascript asociadas al evento onclick del botón se ejecutarán cuando pulsemos el botón.

Veamos ya el código que hace que se cambie el texto de la barra de estado cuando pulsemos un botón.

<form> 
<input type="Button" value="Pulsame!" onclick="window.status='Hola a todo el mundo!'"> 
</form>

Simplemente asignamos un texto a la propiedad status del objeto window. El texto que colocamos en la barra de estado está escrito entre comillas simples porque estamos escribiendo dentro de unas comillas dobles.

Podemos ver una página a parte con este ejemplo.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

vicente guiztoa

04/5/2004
Sólo comentar que las propiedades outerHeight y outerWidth se escriben sin la h intercalada.

(Pato)²

05/2/2007
Hoy en dia los principales navegadores que se usan son IE - como siempre lamentablemente :( - y FireFox.

Para este ultimo no funciona el ejemplo. Abria que buscarle una solucion o bien aclarar que no funciona con este.

carlos_prez_gonzlez

02/12/2009
El ejemplo del mensaje en la barra de estado no funciona en firefox
¿Cómo se haría para firefox?

de Chrome ni hablamos, no tiene barra de estado...

Joseph

09/1/2010
En firefox si funciona!
El ejemplo si funciona en firefox, solo que viene mas protegido, solamente le dan a Herramienta -> opciones -> Contenido -> Avanzado y le da click a la caja de cambiar texto de barra de estado y ya!

jasmin

12/9/2010
cual es el codigo para mostrar un mensaje de error???
quisiera saber el codigo en java de un mensaje de error. Quiero q m lo de cuando no haya introducido los datos bien. Gracias!!!

luiscr269

26/3/2013
Clase del objeto window
Ante todo felicitaros por este curso y los anteriores.

Estoy empezando con JS y hay una cosa que no entiendo:
Si window es un objeto, ¿a qué clase pertenece?

Hemos dicho que si creas un objeto lo haces pertenecer a una clase:
var renaultMegane = new Coches()

objeto: renaultMegane
clase: Coches()

Pero Window ya está creado, por tanto repito, ¿a qué clase pertenece?

Saludos.