1

Подскажите, пожалуйста, что установилось - высота документа или высота окна?

window.onload = function() {
  var visual = document.getElementById('text');
  visual.style.height = window.innerHeight + 'px';
}
<div id="text" style="width: 50px">Some text</div>

1
  • Если на Ваш вопрос был дан ответ - выберите его как лучший. Для этого нажмите галочку под рейтингом необходимого ответа
    – Egor
    24 фев 2018 в 17:10

2 ответа 2

2

Данный код устанавливает высоту height элементу text так, что, своей высотой, элемент text занимает всю видимую часть страницы.

Все браузеры, кроме IE8-, поддерживают свойства window.innerWidth/innerHeight. Они хранят текущий размер окна браузера, то бишь размер видимой части сайта на нашем экране.

UPD: внесена конкретика:

Высота документа: document.body.offsetHeight.

Высота видимого окна(видимой части страницы): window.innerHeight.

Высота окна всего браузера(размер формы "Браузер"): window.outerHeight.

5
  • так высота документа или окна? вариантов ответа только два)
    – KvinT
    19 фев 2018 в 6:50
  • @KvinT, не высота окна, не высота документа, а высота элемента с идом text
    – And
    19 фев 2018 в 6:51
  • нет такого ответа в задании) я сам понимаю, что элементу устанавливает) только документу или окну нужно ответить)
    – KvinT
    19 фев 2018 в 6:52
  • @KvinT, высота окна, которое видит юзер
    – Egor
    19 фев 2018 в 6:52
  • @KvinT, Документ - вся страница от корки до корки. А окно - только область этого документа. В Вашем случае, думаю, окно.
    – Egor
    19 фев 2018 в 6:53
1

Высота окна - window.outerHeight

7
  • Только при чём тут она? Такая высота никому не нужна...
    – Qwertiy
    19 фев 2018 в 8:11
  • @qwertiy, не понял вашего вопроса... разве не очевидно что, если outerHeight - высота окна, то innerHeight - не его высота?.. или о чем вы?
    – Amunrah
    19 фев 2018 в 8:37
  • Очевидно, что innerHeigh - тоже его высота, причём более полезная, чем outerHeight.
    – Qwertiy
    19 фев 2018 в 9:45
  • @Qwertiy Это субъективно, вы конечно можете все что угодно назвать "окном", но это часть экрана, которое занимает приложение и outerHeight возвращает его высоту... если имелось ввиду что-то другое, нужно было и формулировать подругому ))
    – Amunrah
    19 фев 2018 в 11:11
  • Окном обычно называют ту часть окна, которая доступна для веб-страницы - и это как раз innerHeight. А вот зачем мне может понадобиться размер окна вместе с адресной строкой, закладками и devtools, мне пока представить сложно.
    – Qwertiy
    19 фев 2018 в 11:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.