关于document.body.clientHeight返回值为0的完善办理方案

2024-11-3 17:15| 发布者: c2688| 查看: 74| 评论: 0

摘要: 关于body.clientHeight 这里引用一下@kelly0721的博客中的图片，为各位展示一下我们可以获取的各种屏幕元素尺寸。此处我们希望获得的 [code]document.body.clientHeight[/code] 正是欣赏器页面可见区域的高度。办

关于body.clientHeight

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

此处我们希望获得的 [code]document.body.clientHeight[/code] 正是欣赏器页面可见区域的高度。

办理方案

网上关于此问题的其中一种办理方案是使用HTML4，但是如果我们希望在保持HTML5版本不变的条件下办理此问题呢？

实际上非常简朴

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

只需要为 [code]<body></body>[/code] 标签添加上文所述样式即可，添加样式的方式不限，然后我们就可以在 Javascript 中正常调用了。

可见其正常输出了页面可见区域高度，而且能够随屏幕缩放实时地得到差别的值。

到此这篇关于关于document.body.clientHeight返回值为0的办理方案的文章就介绍到这了,更多相关document.body.clientHeight返回值为0内容请搜索脚本之家以前的文章或继续欣赏下面的相关文章，希望大家以后多多支持脚本之家！

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

上一篇：HTML5兼容HEVC视频格式且支持当地绝对路径访问的操作方法下一篇：uniapp在h5页面实现扫码功能(html5-qrcode)

账号		自动登录	找回密码
密码			立即注册