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

Question

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

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

Спасибо!

Answer 1

с сайта jQuery :

$(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';