Я ищу фрагмент кода для получения высоты видимой области в окне браузера.
У меня был этот код, однако он несколько прослушивается, как будто тело не превышает высоту окна затем, он возвращается короткий.
document.body.clientHeight;
Я попробовал несколько других вещей, но они или возвращают NaN или ту же высоту как вышеупомянутое.
Кто-либо знает, как получить реальную высоту окна просмотра?
Вы хотите что-то вроде этого, взятый из http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
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 );
}
Так что это innerHeight
для современных браузеров, documentElement.clientHeight
для IE, body.clientHeight
для устаревшей / причуды.