JavaScript - Получите высоту браузера

Я ищу фрагмент кода для получения высоты видимой области в окне браузера.

У меня был этот код, однако он несколько прослушивается, как будто тело не превышает высоту окна затем, он возвращается короткий.

document.body.clientHeight;

Я попробовал несколько других вещей, но они или возвращают NaN или ту же высоту как вышеупомянутое.

Кто-либо знает, как получить реальную высоту окна просмотра?

50
задан JasonS 25 July 2010 в 21:37
поделиться

2 ответа

Вы хотите что-то вроде этого, взятый из 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 для устаревшей / причуды.

77
ответ дан 7 November 2019 в 10:29
поделиться

Вы можете использовать window.innerHeight

27
ответ дан 7 November 2019 в 10:29
поделиться
Другие вопросы по тегам:

Похожие вопросы: