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

How to get page's visual section's width and height?

本文关键字：高度 视觉部 何获取 获取      更新时间：2023-09-26

如何使用JS和jQuery获取它们？

我知道$(window).innerWidth()可以得到。但我不希望它包含滚动条的宽度或高度。

谢谢！

来自jQuery网站：

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

如果您将overflow:hidden添加到此页面的主体（因此没有滚动条），然后在JS控制台中运行$(window).width()，请注意此值会增加！

我发现最好的方法是使用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';
相关文章：