Atributo innerWidth da Window

Definição e uso

innerWidth O atributo retorna a largura da área de conteúdo da janela.

innerWidth O atributo é de leitura.

Veja também:

Atributo innerHeight

Atributo outerWith

Atributo outerHeight

Exemplo

Exemplo 1

Obter a largura da janela:

let width = window.innerWidth;

Experimente você mesmo

let width = innerWidth;

Experimente você mesmo

Exemplo 2

Todos os atributos de altura e largura:

let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";

Experimente você mesmo

Sintaxe

window.innerWidth

ou:

innerWidth

Valor de retorno

Tipo Descrição
Número A largura interna da área de conteúdo da janela do navegador (em pixels).

Suporte ao navegador

Todos os navegadores suportam window.innerWidth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte