Objeto Window de Javascript

Estudamos o objeto window de Javascript que nos serve para controlar a janela do navegador. Detalhamos suas propriedades e damos um exemplo.

Por Miguel Angel Alvarez - Tradução de JML


Publicado em: 14/3/05
Valorize este artigo:
É o objeto principal na hierarquia e contém as propriedades e métodos para controlar a janela do navegador. Dele dependem todos os demais objetos da hierarquia. Vamos ver a lista de suas propriedades e métodos.

Propriedades do objeto window

A seguir podemos ver as propriedades do objeto window. Existem algumas muito úteis e outras menos.

closed
Indica a possibilidade de que tenha fechado a janela. (Javascript 1.1)

defaultStatus
Texto que se escreve por padrão na barra de estado do navegador.

document
Objeto que contem na página web que está sendo mostrada.

Frame
Um objeto frame de uma página web. Acessa-se pelo nome dele.

frames array
O vetor que contem todos os frames da página. Acessa-se pelo índice a partir de 0.

history
Objeto histórico de páginas visitadas.

innerHeight
Tamanho em pixels do espaço onde se visualiza a página, na vertical. (Javascript 1.2)

innerWidth
Tamanho em pixels do espaço onde se visualiza a página, na horizontal. (Javascript 1.2)

length
Número de frames da janela.

location
A URL do documento que está sendo visualizando. Podemos mudar o valor desta propriedade para irmos a outra página. Ver também a propriedade location do objeto document.

locationbar
Objeto barra de endereços da janela. (Javascript 1.2)

menubar
Objeto barra de menus da janela. (Javascript 1.2)

name
Nome da janela. Atribuímos quando abrimos uma nova janela.

opener
Faz referência à janela do navegador que abriu a janela onde estamos trabalhando. Será vista com mais detalhes no tratamento de janelas com Javascript.

outherHeight
Tamanho em pixels do espaço de toda a janela, na vertical. Isto inclui as barras de deslocamento, botões, etc. (Javascript 1.2)

outherWidth
Tamanho em pixels do espaço de toda a janela, na horizontal. Isto inclui as barras de deslocamento. (Javascript 1.2)

parent
Faz referência à janela onde está situado o frame que estamos trabalhando. Veremos detalhadamente ao estudar o controle de frames com Javascript.

personalbar
Objeto barra pessoal do navegador. (Javascript 1.2)

self
Janela ou frame atual.

scrollbars
Objeto das barras de deslocamento da janela.

status
Texto da barra de estado.

statusbar
Objeto barra de estado do navegador. (Javascript 1.2)

toolbar
Objeto barra de ferramentas. (Javascript 1.2)

top
Faz referência à janela onde está situado o frame que estamos trabalhando. Como a propriedade parent.

window
Faz referência à janela atual, assim como a propriedade self.

Vamos ver um exemplo de utilização da propriedade status do objeto window. Esta propriedade serve para escrever um texto na barra de estado do navegador (a barra debaixo da janela). Neste exemplo tivemos que nos adiantar um pouco no andamento do manual, pois utilizamos um manipulador de eventos e que ainda não vimos o que são. Em concreto, utilizamos o manipulador de eventos onclick, que serve para executar sentenças Javascript quando o usuário clica um elemento da página.

Os manipuladores de eventos são colocados em etiquetas HTML, em nosso caso, colocamos em um botão de formulário. As sentenças Javascript associadas ao evento onclick do botão serão executadas quando clicarmos o botão.

Vejamos já o código que faz com que mude o texto da barra de estado quando clicarmos um botão.

<form>
<input type="Button" value="Clique-me!" onclick="window.status='Olá a todo mundo!'">
</form>

Simplesmente atribuímos um texto à propriedade status do objeto window. O texto que colocamos na barra de estado está escrito entre aspas simples porque estamos escrevendo dentro de umas aspas duplas.

Podemos ver uma página a parte com este exemplo.





Comentários do artigo
Foi enviado 1 comentário ao artigo
1 comentário não revisado
0 comentários revisados

Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato