Comumente usado:
JS Obtenha o tamanho da janela do navegador
Copie o código do código da seguinte forma:
// Obtenha a largura da janela
if (window.innerwidth)
WinWidth = window.innerwidth;
Caso contrário, if ((document.body) && (document.body.clientwidth))
winWidth = document.body.clientWidth;
// Obtenha a altura da janela
if (window.innerHeight)
WinHeight = window.innerHeight;
Caso contrário, if ((document.body) && (documen.body.clientHeight))
Winheight = document.body.clitingHeight;
// Através do interior da detecção interna do documento, o tamanho da janela é obtido
If (document.documentElement && document.documentlement.clinTheightheightheightheightheight e DocumentElementWidth)
{{
Winheight = document.documentEdled.clientHeight;
winWidth = document.documentElement.clientWidth;
}
detalhado:
Você pode ver o tamanho da janela para obter uma variedade de navegadores:
<Cript>
Função getinfo ()
{{
var s = "";
s = "Página da web pode ser uma área visível:" document.body.clientwidth;
s = "Página da web área visível alta:" document.body.clientHeight;
s = "Páginas da web largura da área visível:" document.body.offsetWidth "(incluindo largura da borda e barra de rolagem)";
s = "Página da web de altura da área visível:" document.body.offsetheight "(incluindo largura da borda)";
s = "Texto da página da web largura de texto completa:" document.body.scrollwidth;
s = "Texto da página da web o texto completo:" document.body.scrolHeight;
s = "ff) que é rolado pela página da web:" document.body.scrolltop;
s = "ie) de" Páginas da web é lançado (ou seja): "document.documentElement.scroltop;
s = "A página da web é enrolada à esquerda:" document.body.scrollleft;
s = "Texto da página da web parte:" window.screentop;
s = "Texto da página da web parte esquerda:" window.screenleft;
s = "Resolução da tela:" window.screen.height;
s = "Largura da resolução da tela:" window.screen.width;
s = "Tela da altura da área de trabalho disponível:" window.screen.availHeight;
s = "Tela disponível na área de trabalho:" window.screen.availwidth;
s = "A configuração da tela é" window.screen.colordEpth "em cor";
s = "suas configurações de tela" window.screen.devicexdpi "pixel/polegada";
// alerta (s);
}
getinfo ();
</script>
No meu teste local:
Você pode usá -lo no IE, Firefox, Opera
document.body.clientwidth
document.body.clitingHeight
Pode ser obtido, muito simples e conveniente.
E no projeto da empresa:
Ópera ainda usa
document.body.clientwidth
document.body.clitingHeight
Mas ie e firefox são usados
document.documentElement.clientwidth
document.documentElement.clientHeight
Acabou sendo o padrão do W3C.
<!
Se você adicionar esta linha na página, está no IE:
document.body.clientWidth ==> Largura do objeto corporal
document.body.clitingHeight ==> Altura do objeto corporal
document.documentElement.clientWidth ==> Largura da área visível
document.documentElement.clientHeight ==> Altura da área visível
Em Firefox:
document.body.clientWidth ==> Largura do objeto corporal
document.body.clitingHeight ==> Altura do objeto corporal
document.documentElement.clientWidth ==> Largura da área visível
document.documentElement.clientHeight ==> Altura da área visível
Na ópera:
document.body.clientWidth ==> Largura da área visível
document.body.clitingHeight ==> Altura da área visível
document.documentElement.clientWidth ==> Página Largura do objeto (ou seja, a largura do objeto corporal mais a largura da margem)
document.documentElement.clientHeight == >> Página altura do objeto (ou seja, a altura do objeto do corpo mais margem de altura)
E se não houver definição padrão de W3C, então
Ou seja, é:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
Firefox é:
document.documentElement.clientWidth ==> Página Largura do objeto (ou seja, a largura do objeto corporal mais largura da margem) document.documenetelement.clientHeight ==> Página Face Object Hight (ou seja, a altura do objeto corporal mais margem de altura)
Ópera é:
document.documentElement.clientWidth ==> Página Largura do objeto (ou seja, a largura do objeto corporal mais largura da margem) document.documenetelement.clientHeight ==> Página Face Object Hight (ou seja, a altura do objeto corporal mais margem de altura)