如何获取页面的视觉部分的宽度和高度？

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添加到此页面的正文中（因此没有滚动条），请在JS控制台中运行$(window).width()，注意此值会增加！

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