js之clientHeight、offsetHeight,scrollHeight,scrollTop_青春纪念册

原创 2008年09月28日 15:11:00
clientHeight
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。 NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。 NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。 简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
scrollTop
“卷”起来的高度值

经典示例:
  那一年我18岁,带着自己的梦南下来到广东顺德.在汉达精密电子科技有限公司打工.美丽的城市有着全球IT巨头.

  这里有许多人的梦,也有我的梦.

  虽然这里有很累,这里每天工作10小时以上,但为了明天,我不会后退,我一定会永往直前的.

  虽然这里离乡背井,但为了明天,我会坚强下去,不屈不劳.

  虽然这里是那么陌生,但我一定会坚持到底.

  明年我会回来的,回去打造自己的梦,打造自己的未来.打造一网天下.

  大家都---因梦而想,因想而斗---
一网天下-为明天的精彩奋斗








未完待续...

>

本文转自
http://hi.baidu.com/echohqu/blog/item/7ed294513feca58b8c54303b.html

css clientheight、offsetheight、scrollheight详解

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

JS中height、clientHeight、scrollHeight、offsetHeight区别

我们来实现test中的onclick事件    function justAtest()     {         var test= document.getElementById(...
  • sdta25196
  • sdta25196
  • 2018年01月06日 09:30
  • 41

clientHeight、scrollHeight、offsetHeight和scrollTop之间区别

网页可见区域高:document.body.clientHeight 网页正文全文高:document.body.scrollHeight 网页可见区域高(包括边线的高):document.bod...
  • laixiaobailing
  • laixiaobailing
  • 2014年10月09日 14:53
  • 4084

height、clientHeight、scrollHeight、offsetHeight的区别,和获取scrollTop的方法

height : 其实Height高度跟其他的高度有点不一样,在javascript中它是属于对象的style对象属性中的一个成员,它的值是一个字符类型的,而另外三个高度的值是int类型的,它们是对...
  • qyaroon
  • qyaroon
  • 2016年04月13日 17:00
  • 1542

JS 关于浏览器之间 scrollHeight offsetHeight (比如 iframe自适应高度时...)

关于clientHeight、offsetHeight、scrollHeightwindow.screen.availWidth     返回当前屏幕宽度(空白空间)   window.screen....
  • nileel
  • nileel
  • 2009年08月10日 14:10
  • 6158

style.height、offsetHeight、clientHeight、scrollHeight的区别

style.height 包括元素的滚动条,不包括边框clientHeight 不包括元素的滚动条和边框offsetHeight 包括元素的滚动条和边框scroll...
  • u014420383
  • u014420383
  • 2015年08月09日 21:33
  • 737

网页设计中scrollHeight,offsetHeight,clientHeight在各个浏览器中的区别

四大浏览器 chrome,firefox,ie,opera 在网页带滚动条的情况下: clientHeight在各个浏览器中都是指可见高度 当网页实际内容高度大于clientHeight时,chr...
  • ligaogang
  • ligaogang
  • 2015年05月10日 13:11
  • 948

clientHeight,offsetHeight和scrollHeight区别

对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standar...
  • xuyq2002
  • xuyq2002
  • 2009年08月25日 18:15
  • 1499

各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight

1、.position()和.offset() jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().l...
  • u012054869
  • u012054869
  • 2016年08月13日 16:31
  • 3914

offsetheight height clientHeight outerHeight等的区别

1.clientHeight和clientWidth用于描述元素内尺寸,是指 元素内容+内边距 大小,不包括边框(IE下实际包括)、外边距、滚动条部分 2. offsetHeight和offset...
  • dykCSDN
  • dykCSDN
  • 2016年09月18日 13:24
  • 1182
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js之clientHeight、offsetHeight,scrollHeight,scrollTop_青春纪念册
举报原因:
原因补充:

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