Iniciando no Javascript: Objeto Window de Javascript
Autor/fonte: CriarWeb.com
E-mail/Url: http://www.criarweb.com/artigos/326.php
Tweet
É 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:
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.
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.
Enviado por xKuRt em 22/11/2006 às 15:11
Avaliação
Esta publicação ainda não foi avaliada!
A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.
Comentários
Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).
Envio de comentário:
Segunda, 20 de Maio de 2013
Área restrita
Leitura recomendada
Últimas publicações
- Redes sociais articulam financiamento de novos projetos por meio do crowdfunding
- Perfis de presidenciáveis no Twitter visam cativar eleitores
- Squid - Limpando cache rapidamente
- Google disponibiliza o PHP no App Engine
- Banda larga fixa cumpre metas de velocidade de internet em São Paulo, Rio de Janeiro e Minas Gerais
Top 5 membros
- dddweb213 pts
- andersonop207 pts
- Jotah197 pts
- fbinasco165 pts
- fredbcn117 pts
Últimos membros cadastrados
- valkyem 18/05
- Info Galaxyem 17/05
- notwenem 16/05





