objeto JavaScript

Manual de Referência do JavaScript

Manual de Referência do JS DOM

Objeto Armazenamento do JS Objeto Janela do JavaScript

Propriedade innerHeight da Window

innerHeightpropriedade de leitura que retorna a altura da área de conteúdo da janela (viewport) que contém a barra de rolagem.

usandoouterHeightpropriedade que obtém a altura total da janela do navegador.

sintaxe:

window.innerHeight

Exemplo

var　h　=　window.innerHeight;
var　w　=　window.innerWidth;

Testar e Verificar‹/›

compatibilidade do navegador

os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade innerHeight：

propriedade
innerHeight	1	1	9	3	9

detalhes técnicos

valor retornado:	um número que representa a altura interna da área de conteúdo da janela do navegador, em pixels.

mais exemplos

usando o evento onresize para exibir altura e largura：

Exemplo

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

Testar e Verificar‹/›

solução de navegação cruzada (para IE8e versões mais antigas usavam clientWidth e clientHeight）：

Exemplo

var　h　=　window.innerHeight
||　document.documentElement.clientHeight
||　document.body.clientHeight;
var　w　=　window.innerWidth
||　document.documentElement.clientWidth
|| document.body.clientWidth;

Testar e Verificar‹/›

Este exemplo mostra innerWidth, innerHeight, outerWidth e outerHeight em um único exemplo:

Exemplo

var txt = "";
txt　+= "<p>innerWidth: "　+　window.innerWidth　+　"</p>";
txt　+= "<p>innerHeight: "　+　window.innerHeight　+　"</p>";
txt　+= "<p>outerWidth: "　+　window.outerWidth　+　"</p>";
txt　+= "<p>outerHeight: "　+　window.outerHeight　+　"</p>";
document.write(txt);

Testar e Verificar‹/›

Referências Relacionadas

Referência: Janela (Window)Atributo window.innerWidth

Referência: Janela (Window)Atributo window.outerHeight

Referência: Janela (Window)Atributo window.outerWidth

Objeto Janela do JavaScript

Objeto Armazenamento do JS Objeto Janela do JavaScript