Comúnmente utilizado:
JS consigue el tamaño de la ventana del navegador
Copiar código del código de la siguiente manera:
// Obtén el ancho de la ventana
if (window.innerwidth)
WinWidth = Window.innerWidth;
Else if ((document.body) && (document.body.clientwidth))
winWidth = document.body.clientWidth;
// Obtén la altura de la ventana
if (window.innerheight)
WinHeight = window.innerheight;
Else if ((document.body) && (documen.body.clientheight))
WinHeight = document.body.clitingHeight;
// a través del interior del documento de detección interna, se obtiene el tamaño de la ventana
If (document.documentelement && document.documentlement.clinttheight theigh theigh theigh theigh && documentelementwidth)
{{
WinHeight = document.documentedlement.clientHeight;
winWidth = document.documentelement.clientWidth;
}
detallado:
Puede ver el tamaño de la ventana para obtener una variedad de navegadores:
<script>
Función getInfo ()
{{
var s = "";
S = "La página web puede ser un área visible:" document.body.clientwidth;
s = "Área visible de página web alta:" document.body.clientheight;
S = "Páginas web Visible Área Ancho:" Document.Body.OffSetWidth "(incluido el ancho del borde y la barra de rodadura)";
S = "Altura del área visible de la página web:" Document.Body.Offsetheight "(incluido el ancho del borde)";
S = "ANCHO DE TEXTO COMPLETO de texto de la página web:" document.body.scrollwidth;
S = "Texto de la página web El texto completo alto:" Document.Body.ScrollHeight;
S = "ff) que la página web se aleja:" document.body.scrolltop;
s = "es decir) de" Las páginas web se implementan (es decir): "document.documentelement.scroltop;
S = "La página web se enrolla a la izquierda:" Document.body.scrollleft;
S = "Parte de texto de la página web:" Window.Screentop;
s = "Parte de texto de la página web izquierda:" Window.screenleft;
s = "Resolución de pantalla:" Window.screen.Height;
s = "Ancho de resolución de pantalla:" Window.screen.Width;
S = "Pantalla de altura del área de trabajo disponible:" Window.screen.availheight;
S = "Pantalla de ancho del área de trabajo disponible:" Window.screen.availwidth;
S = "La configuración de su pantalla es" Window.screen.Colordepth "en color";
s = "Configuración de pantalla" Window.screen.devicexdpi "Pixel/Inch";
// alerta (s);
}
getInfo ();
</script>
En mi prueba local:
Puedes usarlo bajo IE, Firefox, Opera
document.body.clientwidth
document.body.clitingHeight
Se puede obtener, muy simple y conveniente.
Y en el proyecto de la empresa:
Ópera todavía usa
document.body.clientwidth
document.body.clitingHeight
Pero es decir, y Firefox se usan
document.documentelement.clientwidth
document.documentelement.clientHeight
Resultó ser el estándar de W3C.
<!
Si agrega esta línea en la página, está en IE:
document.body.clientwidth ==> ancho del objeto del cuerpo
document.body.clitingHeight ==> Altura del objeto del cuerpo
document.documentelement.clientwidth ==> ancho de área visible
document.documentelement.clientheight ==> altura de área visible
En Firefox:
document.body.clientwidth ==> ancho del objeto del cuerpo
document.body.clitingHeight ==> Altura del objeto del cuerpo
document.documentelement.clientwidth ==> ancho de área visible
document.documentelement.clientheight ==> altura de área visible
En Opera:
document.body.clientwidth ==> ancho de área visible
document.body.clitingHeight ==> Altura de área visible
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho de margen)
document.documentelement.clientHeight == >> Altura del objeto de página (es decir, la altura del objeto del cuerpo más el margen alto)
Y si no hay una definición estándar de W3C, entonces
Es decir, es:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
Firefox es:
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho del margen) Document.DocUmenetElement.ClientHeight ==> Page Face Objeto Altura (es decir, la altura del objeto del cuerpo más el margen alto)
La ópera es:
document.documentelement.clientWidth ==> Page Object Width (es decir, el ancho del objeto del cuerpo más el ancho del margen) Document.DocUmenetElement.ClientHeight ==> Page Face Objeto Altura (es decir, la altura del objeto del cuerpo más el margen alto)