87,993
社区成员
发帖
与我相关
我的任务
分享js如何获取浏览器空白区的高和宽?
先看图
我想用js获取图中，body.clientHeight和body.clientWidth箭头所指的“红框区”尺寸，怎么做？
说明：body.clientHeight和body.clientWidth其实是<body>中实际内容的尺寸，要是<body>没有任何内容，则这两个的值是0。我是要学着做个导航页面布局，左侧区、顶部区、内容区、底部区，每部分的尺寸要根据这个“红框区”尺寸比例去计算。
我想用js获取图中，body.clientHeight和body.clientWidth箭头所指的“红框区”尺寸，怎么做？
说明：body.clientHeight和body.clientWidth其实是<body>中实际内容的尺寸，要是<body>没有任何内容，则这两个的值是0。我是要学着做个导航页面布局，左侧区、顶部区、内容区、底部区，每部分的尺寸要根据这个“红框区”尺寸比例去计算。
...全文
请发表友善的回复…
发表回复
天际的海浪 2018-10-26
- 打赏
- 举报
其实这是个兼容性的问题，你可以看看这个文章
https://www.cnblogs.com/zqzjs/p/5839118.html
天际的海浪 2018-10-26
- 打赏
- 举报
那用 document.documentElement.clientHeight
LvBao_117 2018-10-26
- 打赏
- 举报
#1大侠，感谢回复
可是，这两个我已经说明了，是里面实际内容的尺寸，不是我那个红框的。假如body中内容多，出现了竖直滚动条，则document.body.clientHeight的值会大于屏幕的高度的。
天际的海浪 2018-10-26
- 打赏
- 举报
就是直接
document.body.clientHeight
document.body.clientWidth
这样获取啊
