网页及屏幕的尺寸区域宽高总结

原创

于 2023-08-21 13:05:29 发布 · 235 阅读

标签

#javascript #html #前端

收录于

本文总结了使用JavaScript获取网页可见区域、全文宽高、滚动位置以及屏幕分辨率的方法，包括clientWidth、clientHeight、offsetWidth、offsetHeight、scrollWidth、scrollHeight等属性的解释和用途。

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

JS获取各种屏幕的宽度和高度
描述用法
网页可见区域宽   document.body.clientWidth
网页可见区域高   document.body.clientHeight
网页可见区域宽   document.body.offsetWi