English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico do JavaScript

Objeto do JavaScript

Função do JavaScript

HTML DOM do JS

BOM do navegador JS

Tutorial básico do AJAX

Manual de referência do JavaScript

Objeto Model de Navegador Window JS

A janela pode ser a janela principal, a framework set ou uma única frame, até mesmo uma nova janela criada com JavaScript.

objeto window

EstewindowO objeto representa a janela no navegador. O objeto window é criado automaticamente pelo navegador.

Todas as variáveis globais são atributos, as funções são métodos do objeto window.

Todos os objetos JavaScript globais, funções e variáveis se tornam membros do objeto window automaticamente.

O objeto documento é um atributo do objeto window. Portanto, digite

window.document.write("Hello　world")

igual ao abaixo

document.write("Hello　world")

Cálculo do tamanho da janela

O objeto window fornece2Esses atributos são usados para encontrar a largura e a altura da visão da janela do navegador.

Ambos os atributos retornam o tamanho em pixels:

Este é um exemplo de como exibir o tamanho atual da janela de exibição：

var h = window.innerHeight;
var w = window.innerWidth;
Teste e veja‹/›

para o Internet Explorer 5、6、7、8：

  • document.documentElement.clientWidth

  • document.documentElement.clientHeight

ou

  • document.body.clientWidth

  • document.body.clientHeight

Solução cross-browser (para IE8e versões mais antigas usavam clientWidth e clientHeight）：

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;
Teste e veja‹/›

Exibir altura e largura usando o evento onresize:

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Largura:　"　+　w　+　"<br>Altura:　"　+　h;
}
</script>
Teste e veja‹/›

Abrir nova janela

window.open()O método abre uma nova janela do navegador e carrega o documento especificado.

Os seguintes exemplos são abertos em uma nova janela com altura e largura especificadas “ pt.oldtoolbag.com":

window.open("https://pt.oldtoolbag.com", "", "width=400, height=300");
Teste e veja‹/›

Referência completa da janela

Para referência completa de propriedades e métodos, acesse nossa <Referência do Objeto Janela JavaScript>。

A parte de referência contém descrições e exemplos de todas as propriedades e métodos da janela.

Tela Window JSNavegação JS DOM