当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 关于clientHeight、offsetHeight、scrollHeight

Javascript
用JavaScript绘图 ——JS2D函数集
javascript引用对象的方法
新手入门常用代码集锦
JS也玩OO继承
使用JS+XML(数据岛)实现分页)
JScript重载的另类实现
window.showModalDialog使用手册
JavaScript基本对象
cssQuery()的下载与使用方法
用js实现多域名不同文件的调用方法
用htc组件制作windows选项卡
对javascript基本对象的属性以及方法的实例介绍
新浪的图片新闻效果
JavaScript 经典效果集
怎样在html文档里做隔行换色的多行方法
怎么在下面的HTML里调用数组cs[]的值
新浪滑门技术
兼容FF&IE的滚动代码
javaScript对象和属性的创建方法
js用于树型结构级联选择

Javascript 中的 关于clientHeight、offsetHeight、scrollHeight


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 181 ::
收藏到网摘: n/a

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 的解释与上面相同,只是把高度换成宽度即可。