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 |
---|
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