Window é um objeto que corresponde à janela que exibe uma página da Web. Tal janela pode ser criada de forma dinâmica.
Este não é um objeto JavaScript, e não é definido pela especificação DOM do W3C. É um padrão de facto.
Os atributos e métodos da janela de interface são reconhecidos pelo Internet Explorer 4, Firefox 1, Opera 9, versões mais recentes e Safari. Este documento é baseado no que é suportado pelos navegadores na ausência do padrão oficial, veja referências.
A janela atual é referenciada pela janela de palavras-chave, e as janelas são criadas dinamicamente pelo nome dado ao objeto atribuído pelo valor de retorno do método aberto.
Definição e teste de atributos e objetos internos na janela
Definições de atributos e objetos internos
Estes atributos podem ser lidos somente para alguns, seu valor pode ser atribuído de outra forma.
Quadros Os quadros na janela. Apenas leitura. comprimento Número de frames. Somente leitura. nome Nome da janela. status Texto da barra de status
Acima do Firefox, a modificação do texto é uma opção. Vá para Opções, Conteúdo, JavaScript e clique no botão Avançado. Depois marque a caixa ao lado de “Change the text of the status bar.” defaultStatus Texto padrão na barra de status. closed State closed ou not. opener Reference na janela que abriu esta janela. Exemplo:
x = window.opener;pai A janela pai de uma janela. Exemplo:
x = mywin.parent;topo O pai do nível mais alto.
Objetos na janela
Estes objetos têm seus próprios atributos e métodos que não são detalhados aqui, mas eles têm sua própria página.
documento Refere-se a uma página, que está contida na janela. Document. history Lista de páginas anteriormente visualizadas na mesma janela. Histórico. localização Designa a URL de uma página que contém a janela. Localização. tela A tela e suas propriedades: largura, altura, availWidth, availHeight, colorDepth.
Ver também as propriedades para criação de janelas no capítulo: Abrir uma nova janela em JavaScript.
Ver as propriedades do objeto Windows no navegador
As propriedades não suportadas por um navegador são indefinidas.
Algumas propriedades são usadas como parâmetros do construtor da janela mas não são diretamente acessíveis e não listadas aqui.
innerWidth innerHeight
outerWidth outerHeight
locationbar menubar personalbar toolbar scrollbar
pageXOffset pageYOffset
screenX screenY
directories
status defaultStatus
opener
parent
top
nome
comprimento
Não trabalhar com Firefox 7
offscreenBuffering
Podemos obter valores equivalentes no Internet Explorer e com todos os navegadores:
documento.body.clientHeight
document.body.clientWidth
document.body.offsetHeight
document.body.offsetWidth
document.documentElement.offsetHeight
document.documentElement.offsetWidth
Outros
Crypto
Aviso: A declaração DOCTYPE poderia ter um efeito sobre estes valores.
Métodos de janela e demos
Os métodos para abrir ou fechar uma janela são descritos no capítulo: Abrir uma nova janela em JavaScript.
Definições de métodos alerta(mensagem) Apresenta uma mensagem. x = prompt(mensagem) Apresenta uma caixa de diálogo solicitando uma resposta do usuário e retorna a resposta. x = confirm(mensagem) Apresenta uma mensagem, uma pergunta normalmente, com dois botões para confirmar ou cancelar. Retorna true ou false. resizeTo(w, h) Redimensiona a largura e altura. scrollTo(x, y) A rolagem deve estar habilitada para a janela de acordo com a bandeira scrollbars, este é o caso por padrão. moveTo(x, y) Move para a posição dada. id = setInterval(expression, milisegundos) Avalia uma expressão repetidamente de acordo com o tempo em intervalo. clearInterval(id) Limpa o intervalo. id = setTimeout(expressão, milissegundos) Avalia uma expressão após o prazo. clearTimeout(id) Limpa o atraso. focus() Passa o foco para a janela. blur() Suprime o foco para a janela actual/dada. createPopup() Cria uma subjanela. print() Inicia a impressão do conteúdo da janela. Demonstração de métodos do objet da janela HTML Clique em um botão para ver como um método funciona. O código correspondente é exibido à direita.
Veja também
Um exemplo de uso do setTimeout está incluído na lightbox com fade in effect demo.