objeto do JavaScript

manual de referência do JavaScript

manual de referência do JS DOM

Objeto Armazenamento do JS Objeto Janela do JavaScript

propriedade innerWidth da Window

innerWidthpropriedade de leitura apenas que retorna a largura da área de conteúdo da janela (viewport), incluindo a barra de rolagem.

usarouterWidthpropriedade obtém a largura total da janela do navegador.

sintaxe:

window.innerWidth

Exemplo

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

Teste e Veja‹/›

compatibilidade do navegador

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

propriedade
innerWidth	1	1	9	3	9

detalhes técnicos

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

mais exemplos

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

Teste e Veja‹/›

solução de compatibilidade entre navegadores (para o 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;

Teste e Veja‹/›

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

Teste e Veja‹/›

Referências Relacionadas

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

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