js获取浏览器中相关容器的高度

Prince_fmx

于 2019-06-17 16:57:41 发布

阅读量453

点赞数

分类专栏： HTML、CSS、javascript 文章标签： js 容器高度

本文链接：https://blog.youkuaiyun.com/Prince_fmx/article/details/92652482

版权

HTML、CSS、javascript 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了如何利用JavaScript获取浏览器中特定容器的高度，包括DOM操作和相关API的使用，适用于前端开发人员进行页面布局和动态调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js获取浏览器中相关容器的高度

document.body.clientWidth || document.documentElement.clientWidth  //网页可见区域宽
document.body.clientHeight || document.documentElement.clientWidth  //网页可见区域高
document.body.offsetWidth //网页可见区域宽 (包括边线的宽)
document.body.offsetHeight //网页可见区域高(包括边线的高)
document.body.scrollWidth  //网页正文全文宽
document.body.scrollHeight //网页正文全文高
document.body.scrollTop || document.documentElement.scrollTop //网页被卷去的高
document.body.scrollLeft || document.documentElement.scrollLeft //网页被卷去的左
window.screenTop //网页正文部分上
window.screenLeft //网页正文部分左
window.screen.height //屏幕分辨率的高
window.screen.width //屏幕分辨率的宽
window.screen.availHeight //屏幕可用工作区高度
window.screen.availWidth //屏幕可用工作区宽度