tutoriais mais recente desenvolvimento web
 

Janela innerWidth e propriedades innerHeight

<Window Objeto

Exemplo

Obter a altura da janela e width: (NOT including toolbars/scrollbars) :

var w = window.innerWidth;
var h = window.innerHeight;
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A propriedade innerWidth retorna a largura interna da área de conteúdo de uma janela.

A propriedade innerHeight retorna a altura interior da área de conteúdo de uma janela.

Estas propriedades são somente leitura.

Dica: Use as outerWidth e outerHeight propriedades para obter a largura / altura com barras de ferramentas / barras de rolagem.


Suporte navegador

Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.

Propriedade
innerWidth 1.0 9 1.0 3,0 9
innerHeight 1.0 9 1.0 3,0 9

Note: Para IE8 e anteriores, você pode usar as clientHeight e clientWidth propriedades (See "More Examples" below) .


Sintaxe

window.innerWidth
window.innerHeight

Detalhes técnicos

Valor de retorno: Um número, que representa a largura interna e / ou a altura interior da área de conteúdo da janela do navegador, em pixels

Exemplos

mais Exemplos

Exemplo

Uma solução cross-browser (utilizando clientWidth e clientHeight para o IE8 e anteriores):

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

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
Tente você mesmo "

Exemplo

Uma demonstração de innerWidth, innerHeight, outerWidth e outerHeight em um 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>";
Tente você mesmo "

<Window Objeto