Как получить ширину и высоту визуального раздела страницы?

Question

Как получить их с помощью JS и jQuery?

Я знаю $(window).innerWidth() может получить. Но я не надеюсь, что он содержит ширину или высоту полосы прокрутки.

Спасибо!

Answer 1

jQuery website От:

$(window).width(); // returns width of browser viewport 
$(document).width(); // returns width of HTML document 

Если добавить overflow:hidden в тело страницы (так что нет полосы прокрутки), а затем запустить $(window).width() в консоли JS, обратите внимание на это значение увеличивается!

Answer 2

Я нашел лучший способ с Javascript.

<script type="text/javascript"> 
var height = document.body.offsetHeight; 
var width = document.body.offsetWidth; 

//code goes here 
</script> 

Имейте в виду, что при использовании их, они возвращают целое число, так что если вы собираетесь использовать их, чтобы применить стиль к другому объекту или элементу, то вам придется приложить их так:

var newHeight=height + 'px'; 
var newWidth=width + 'px';