¿Cómo obtengo el alto y el ancho actual del espacio disponible en el navegador mientras está abierto?HTML DOM width + height of visible window
No quiero la altura del documento total, solo lo que está visible en la pantalla.
Puede ver este blog post para ver el método.
y en definitiva en hacerle ese código
function alertSize() {
var myWidth = 0, myHeight = 0;
if(typeof(window.innerWidth) == 'number') {
// Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
// IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
// IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
window.alert('Width = ' + myWidth);
window.alert('Height = ' + myHeight);
}
también tienen que tenerse en cuenta que la mayor parte de marco js (jQuery, ext, prototipo) proporcionaría una función para hacer que (en mi humilde opinión).
en jQuery:
$(window).width();
$(window).height();
<html id="THE_HTML">
<!-- all your stuff... -->
</html>
a continuación:
document.getElementById('THE_HTML').clientHeight;
probado y trabajando bajo IE8 y FF3.6 ...
utilizar objetos de la ventana de propiedades, altura interior/ancho, para encontrar las dimensiones solo del contenido en la página web. Esto incluye las barras de desplazamiento. Aquí hay una explicación visual ->http://goo.gl/L0cBLA.
Altura:
window.innerHeight
Anchura:
window.innerWidth
utilizo jQuery, es esto posible en este marco? –
@ BahaiResearch.com: he editado. – RageZ
-1 jQuery no devuelve la altura y el ancho del área visible, devuelve la altura y el ancho al que el usuario puede desplazarse. – schlingel