Exemplo
Obter largura altura e da janela: (including toolbars/scrollbars) :
var w = window.outerWidth;
var h = window.outerHeight;
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade outerWidth retorna a largura exterior de uma janela, incluindo todos os elementos de interface (like toolbars/scrollbars) .
A propriedade outerHeight retorna a altura exterior de uma janela, incluindo todos os elementos de interface (like toolbars/scrollbars) .
Estas propriedades são somente leitura.
Dica: Use as innerWidth e innerHeight propriedades para obter a largura / altura, sem 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 | |||||
---|---|---|---|---|---|
outerWidth | 1.0 | 9 | 1.0 | 3,0 | 9 |
outerHeight | 1.0 | 9 | 1.0 | 3,0 | 9 |
Sintaxe
window.outerWidth
window.outerHeight
Detalhes técnicos
Valor de retorno: | Um número, que representa a largura exterior e / ou a altura exterior da janela do navegador, incluindo todos os elementos da interface, em pixels |
---|
mais Exemplos
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