offsetHeight

原创 2010年06月02日 14:25:00

offsetHeight

 

  我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释,这里说的是 document.body,如果是 HTML 控件,则又有不同,点击这里查看。   这四种浏览器分别为IE(Internet Explorer)、NS(Netscape)、Opera、FF(FireFox)。   clientHeight   大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。   offsetHeight   IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。   NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。   scrollHeight   IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。   NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。   简单地说   clientHeight 就是透过浏览器看内容的这个区域高度。   NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。   IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。   同理   clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。   说明   以上基于 DTD HTML 4.01 Transitional,如果是 DTD XHTML 1.0 Transitional 则意义又会不同,在 XHTML 中这三个值都是同一个值,都表示内容的实际高度。新版本的浏览器大多支持根据页面指定的 DOCTYPE 来启用不同的解释器。下载或浏览测试文件。

或取offsetHeight值不正确

代码如下 最新资讯 大数据驱动下的微博社会化推荐 Unity全球领袖齐聚 Unite2016Shanghai精彩议题公布 网站安全检查渐成常态,盛邦安全带... ...
  • lanseyuanwei2
  • lanseyuanwei2
  • 2016-06-29 17:43:25
  • 1218

关于offsetTop与offsetHeight的区别以及使用方法

offsetTop和offsetHeight是设置一个元素的位置和获取圆度大小经常会使用的参数,下面具体讲一下他们的区别于联系: 例如obj为html的一个元素对象, obj.offsetTop指...
  • Doulvme
  • Doulvme
  • 2017-07-10 16:07:41
  • 1204

css clientheight、offsetheight、scrollheight详解

介绍网上介绍clientheight、offsetheight、scrollheight的帖子很多,看后感觉明白了,一细想似乎又不明白了。为了获取更权威的解答,查阅了MDN 文档,希望能帮助后来人。为...
  • wangjun5159
  • wangjun5159
  • 2017-02-07 21:31:56
  • 2873

offsetheight height clientHeight outerHeight等的区别

1.clientHeight和clientWidth用于描述元素内尺寸,是指 元素内容+内边距 大小,不包括边框(IE下实际包括)、外边距、滚动条部分 2. offsetHeight和offset...
  • dykCSDN
  • dykCSDN
  • 2016-09-18 13:24:54
  • 1329

js 中style.height和offsetHeight比较

看到蓝色经典论坛的一个讨论帖子: http://bbs.blueidea.com/thread-3072537-1-1.html 从两个人的争论中,更加深入的了解了st...
  • Yelbosh
  • Yelbosh
  • 2013-12-19 11:30:21
  • 12410

jquery的height()与js的offsetheight

offsetHeight是js对象所能支持的方法,而$("div:eq(1)")所获得的是一个JQUERY对象,他是不支持offsetHeight的。 offsetHeight只能只能用于获取高度,不...
  • qq_26222859
  • qq_26222859
  • 2017-07-17 11:09:49
  • 909

offsetHeight说明

offsetHeight说明:本站解释:offsetHeight与offsetWidth 作用相同,前者是获取元素的高度后者则是宽度.offsetHeight属性可以获取元素的可见高度值.包括边框和内...
  • jqrsdsy
  • jqrsdsy
  • 2011-03-15 10:55:00
  • 1400

js运动-offsetWidth和offsetHeight引发的血案

之前说的js运动不管是单物体运动,多物体运动,还是缓冲运动。在获取元素自身宽,高的时候用的都是offsetWidth,offsetHeight,但是这会引发一些麻烦!!因为在js中offsetWidt...
  • u014205965
  • u014205965
  • 2015-05-16 23:00:02
  • 4096

文字无缝滚动效果及scrollHeight,offsetHeight等区别

第一步:观察效果图,页面结构较为简单,标题+主题部分;新建test.html文件: 养生课堂更多>> 1.冬季养肺从食补开始2016-10-8 2.冬季养肺从食补开始201...
  • lilin38
  • lilin38
  • 2016-12-28 09:26:00
  • 552

style.height和offsetHeight jq.height()傻傻分不清楚

style.height: 只能在div在行内样式设置了height才能获取到 例如:height  document.getElementById("h").style.hei...
  • baidu_31333625
  • baidu_31333625
  • 2016-09-24 15:33:16
  • 1419
收藏助手
不良信息举报
您举报文章:offsetHeight
举报原因:
原因补充:

(最多只允许输入30个字)