clientWidth与clientHeight，offsetWidth与offsetHeight
2021-11-14
148
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
clientWidth与clientHeight，offsetWidth与offsetHeight
目录
相关文章
|
JavaScript
前端开发
height、clientHeight、scrollHeight、offsetHeight区别
height、clientHeight、scrollHeight、offsetHeight区别
72
0
0
|
JavaScript
IDE
开发工具
JS 中 offsetHeight/scrollHeight/clientHeight 的区别
client* clientWidth/clientHeight 返回的是元素的内部宽度，它的值只包含 content + padding，如果有滚动条，不包含滚动条 clientTop 返回的是上边
195
1
1
|
前端开发
JavaScript
API
JavaScript 基于offsetHeight和clientHeight判断是否出现滚动条
JavaScript 基于offsetHeight和clientHeight判断是否出现滚动条
103
0
0
|
前端开发
你知道offsetHeight、scrollHeight、clientHeight的区别吗？
前言
offsetHeight、scrollHeight、clientHeight这三个属性我们经常在开发中遇到，如果小伙伴们没有经常使用的话，很容易把这些属性搞混，比如说什么窗口高度、元素高度、内容高度等等。当然，现在的前端框架很多时候帮我们封装了这些属性，但是我们也不能太过依赖框架，底层的原理我们还是需要了解的，今天就来理一理这三个属性分别代表什么？
193
0
0
|
JavaScript
|
JavaScript
前端开发
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
187
0
0
|
API
编解码
clientHeight、offsetHeight、scrollHeight详解
网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.
1479
0
0