福建二哥 › 门户 › 查看主题

关于document.body.clientHeight返回值为0的完美解决方案

发布者: 涵韵 | 发布时间: 2025-6-14 15:07| 查看数: 73| 评论数: 0|帖子模式

关于body.clientHeight

这里引用一下@kelly0721的博客中的图片，为各位展示一下我们可以获取的各种屏幕元素尺寸。
此处我们希望获得的

document.body.clientHeight

复制代码

正是浏览器页面可见区域的高度。
解决方案

网上关于此问题的其中一种解决方案是使用HTML4，但是如果我们希望在保持HTML5版本不变的前提下解决此问题呢？
实际上非常简单

<body style="position: absolute; height: 100%;">
...
</body>

复制代码

只需要为

<body></body>

复制代码

标签添加上文所述样式即可，添加样式的方式不限，然后我们就可以在 Javascript 中正常调用了。

可见其正常输出了页面可见区域高度，并且能够随屏幕缩放实时地得到不同的值。
到此这篇关于关于document.body.clientHeight返回值为0的解决方案的文章就介绍到这了,更多相关document.body.clientHeight返回值为0内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

来源：https://www.jb51.net/html5/936823.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

本帖子中包含更多资源

您需要登录才可以下载或查看，没有账号？立即注册

关于document.body.clientHeight返回值为0的完美解决方案

本帖子中包含更多资源

最新评论

新人须知

常见问题

维权申诉

关注微博

扫描微信

关于合作

通讯联系