用通俗的话解释下offsetHeight

最新推荐文章于 2021-12-22 13:39:45 发布
最新推荐文章于 2021-12-22 13:39:45 发布
阅读量223 收藏
点赞数
原文链接：http://blog.51cto.com/13550695/2117940
版权

offsetHeight包括边框和内部空白补丁。但超出元素的内容则不被计算。也就是说只返回元素的可见高度值。如果看得着边框，从上边框到下边框的距离则是offsetHeight返回的值。
经过测试无论在IE或FF均返回正常。值得一提的是利用css来控制元素的高度，在IE里会被撑大，FF里则不会，但返回的值是正确的！offsetHeight虽不是W3C标准属性，但广泛被浏览器支持。

转载于:https://blog.51cto.com/13550695/2117940

weixin_34228662
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
分析clientHeight、offsetHeight、scrollHeight
03-16
NULL 博文链接：https://love2java.iteye.com/blog/403776
offsetHeight
清风的专栏
06-02 578
offsetHeight<br /> 　　我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。 　　这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。 　　clientHeight 　　大家对 clientHeight 都没有什么异议，都认为是内容可视
offsetHeight说明
学习笔记
03-15 5155
offsetHeight说明:<br />本站解释:<br />offsetHeight与offsetWidth 作用相同，前者是获取元素的高度后者则是宽度．offsetHeight属性可以获取元素的可见高度值．包括边框和内部空白补丁．但超出元素的内容则不被计算．也就是说只返回元素的实际高度值．如果看得着边框．从上边框到下边框的距离则是offsetHeight返回的值．经过我测试无论在IE或FF均返回正常．值得一提的是我利用css 来控制元素的高度，在IE里会被撑大,FF里则不会．但返回的值是正确的！off
offsetheight_可见性的Element.offsetHeight
Web 开发&软件开发
07-27 345
可见性的Element.offsetHeight 前端编码中的（感知到）棘手任务之一是检查元素是否可见。 检查元素是否可见（即页面上是否存在或占用空间）的一种非常幼稚的方法是检查其显示样式值： var incorrectIsVisible = window.getComputedStyle(someElement, null).getPropertyValue('display'); /...
offsetHeight在OnLoad中获取为0的现象
09-05
然而，在某些特定情况下，尤其是在页面加载（OnLoad）事件中尝试获取 `offsetHeight` 时，可能会遇到返回值为 0 的问题。这个问题通常与元素的实际渲染状态、浮动布局以及浏览器兼容性有关。 在提供的代码片段中，...
火狐在用offsetHeight获取div的高度时为0的解决方法
09-25
火狐在需要获取div的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，下面为大家介绍下比较实用的解决方法，感兴趣的朋友可参考下
解析offsetHeight,clientHeight,scrollHeight之间的区别
09-04
下面将详细解释这三个属性的区别及其在不同浏览器中的表现。 1. **offsetHeight** offsetHeight属性表示元素的总高度，包括边框（border）、内填充（padding）以及元素内容的高度。在大多数浏览器中，它还会包含...
用js实现控制内容的向上向下滚动效果
10-30
用JS实现控制内容的向上向下滚动效果 JS是一种广泛应用于Web开发的脚本语言，它可以用来实现各种交互效果，包括控制内容的向上向下滚动效果。在本文中，我们将使用JS来实现控制内容的向上向下滚动效果。 首先，...
offsetHeight相关介绍
weixin_34072458的博客
03-07 178
需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关 网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth（包括边线的宽）网页可见区域高：documen...
offsetHeight及其他
兜兜里全是糖_博客
10-13 303
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：do
js之offsetHeight
xclsky的博客
12-28 5728
1 offsetHeight是该控件本身的高度。不管该控件有没有设置width和height，offsetHeight是从网页（xxx.jsp）上看到的该控件本身的高度。 如：function btn_btn3_click(){   var obj=document.getElementById("area1");   alert(obj.offsetHeight+"--"+obj.offs
offsetTop offsetLeft offsetWidth offsetHeight
weixin_30426879的博客
02-17 82
document　　　　　　　　　　　　　　// Html 的容器对象. document.documentElement　　　　　　//html 对象 document.body　　　　　　　　　　　　// body 对象 $(document.documentElement).find("body") ;　　　　// Body 对象. 各个高度有各个高度的含义. docu...
offsetWidth offsetHeight offsetLeft offsetTop
liubangbo的专栏
07-06 225
offsetWidth 表示一个元素的宽度，基于盒模型要加上border 和 padding，如下：offsetWidth == width+border + padding offsetLeft 表示一个元素的左边距，这个距离包括父元素的左边距加上自己距离父元素的左边距，如下：offsetLeft == (left + margin-left)(parent)   +   （left + mar...
div之各种高度篇-offsetHeight、clientHeight、scrollHeight、 offsetHeight等等
良人非良
05-09 1887
资历尚浅，真的记不住这些花里胡哨的高度宽度、但是又经常要用到，头大 以下都是自己的理解，如果有误可以提醒下谢谢~ 以上图div为例子 一、offsetHeight = height + border + padding = 342 （返回不带px的数值） 二、clientHeight = height + padding = 340（返回不带px的数值， 可见区域的高度） 三、scrollHeight 如上图所示，其实就是当前div的高度 + 被隐藏内容的高度（那些要拉滚动条才能看...
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
热门推荐
qq_35430000的博客
05-11 16万+
转载自：https://www.imooc.com/article/17571网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeight网页可见区域高（包括边线的高）：document.body.offsetHeight网页被卷去的高：document.body.scrollTop屏幕分辨率高：window.screen...
clientHeight和offsetHeight
树上骑个猴的博客
12-22 6978
clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。 offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。 style.height //返回元素的高度（包括元素高度，不包括内边距、边框和外边距） clientHeight //返回元素的高度（包括元素高度、
搞清楚 clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
辉生活-记录程序生活的点滴。
04-23 153
网页可见区域高：document.body.clientHeight 网页正文全文高：document.body.scrollHeight 网页可见区域高（包括边线的高）：document.body.offsetHeight 网页被卷去的高：document.body.scrollTop 屏幕分辨率高：window.screen.height 每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位
clientHeight、scrollHeight、offsetHeight都是些啥？
Ray_Huang
08-31 211
前段时间写一个自动滚动+鼠标放上去可供滚动的页面功能，被元素的几个属性搞的有点晕乎晕乎的，下决心来搞明白是什么意思，先上示例代码： <style> .father{ width: 500px; height: 400px; border: 50px solid blue; border-color: red; background: blue; over...
offsetheight
最新发布
08-16
offsetHeight是一个元素在垂直方向上占用的空间大小，以像素计。它包括元素的高度（可见的），水平滚动条的高度，上边框高度和下边框高度。对于内联元素，offsetHeight始终为0。offsetHeight是一个只读属性，单位为...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值