Изменение высоты элемента

220

20 февраля 2018, 05:29

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

window.onload = function() { 
  var visual = document.getElementById('text'); 
  visual.style.height = window.innerHeight + 'px'; 
}

<div id="text" style="width: 50px">Some text</div>

Answer 1

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

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

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

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

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

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

Answer 2

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