如何获取页面's视觉部分's的宽度和高度
How to get page's visual section's width and height?
如何使用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';
相关文章:
- electronic BrowserWindow的最小高度和宽度在hide()show()方法之后不起作用
- ExtJS——在展开/折叠时调整面板高度
- 分析高度属性时出现意外值{{specs.height}}.index.html
- 单击页面上的链接后高度发生变化
- 不加载宽度和高度的角度pintura
- 查找元素高度,包括边距
- 如何自动调整标签的高度以适应内容
- Javascript高度问题
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- 如何计算每个元素's的高度,并将这些值用作函数中的变量
- 如果宽度是百分比,如何设置以px为单位的图像高度
- 通过jquery设置最小高度
- 文档就绪提供了错误的选择器高度
- 调整缩放窗口高度提升缩放
- 根据图像高度添加类
- 检测非移动页面上的移动设备屏幕宽度和高度
- 更改代码镜像中TextArea的高度和宽度
- 获取iframe内容的宽度-高度
- 如何获取页面's视觉部分's的宽度和高度
- 如何检测用户浏览器的视觉高度