Различие между screen.availHeight и window.height ()
Я выполняю следующий JavaScript на своем браузере (Firefox).
console.debug ("Экранная высота =" + screen.availHeight);//выводы 770
console.debug ("Высота Окна =" + $ (окно) .height ());//выводы 210 (я использую jQuery также),
Каково различие между двумя? 770 в пикселях и 210 в мм?
Точно так же, когда я пишу $(document).height() и $(window).height(), существует различие. Какова причина?
1 ответ
window.outerHeight
Это высота окна на экране, она включает страницу и все видимые панели браузера (расположение, статус, закладки, заголовок окна, границы и т. Д.).
Это не то же самое, что jQuery $ (window) .outerHeight () .
window.innerHeight или $ (window) .height ()
Это высота области просмотра, в которой отображается веб-сайт, только его содержимое, без полос браузера.
document.body.clientHeight или $ (document) .height ()
Это высота вашего документа, отображаемая в области просмотра. Если он больше, чем $ (window) .height () , вы получаете полосы прокрутки для прокрутки документа.
screen.availHeight
Это высота, которую может иметь окно браузера, если оно развернуто, включая панели браузера. Итак, когда окно развернуто, screen.availHeight === window.outerHeight
screen.height
Это просто соответствует разрешению экрана. Таким образом, на экране с разрешением 1920 × 1080 screen.height будет 1080 .
screen.availHeight равно [ screen.height + полосы операционной системы], как панель задач в Windows, док-станция и меню в OS X или что-то еще, что зафиксировано сверху или внизу экрана, если вы используете Linux.