3dmax9.0:offsetHeight和clientHeight的区别

来源:百度文库 编辑:杭州交通信息网 时间:2024/04/28 21:41:05
document.body.offsetHeight和document.body.clientHeight两者有什么不同吗?

js中的clientHeight和offsetHeight的区别如下:

1、clientHeight

网页(内容)可见区域高:document.body.clientHeight 即页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。

注意:IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。

2、offsetHeight

网页可见区域高:document.body.offsetHeight (包括边线的宽)

二者联系:

NS、 FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于 clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。

clientHeight:内容高度+padding高度 ,jQuery中的innerHeight()方法返回的就是这个高度。

offsetHeight:内容高度+padding高度+边框宽度 ,jQuery中的outerHeight()方法返回的就是这个高度。
clientHeight
对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。

clientHeight
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。

offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。