Chinaunix首页 | 论坛 | 博客
  • 博客访问: 590710
  • 博文数量: 190
  • 博客积分: 10937
  • 博客等级: 上将
  • 技术积分: 2205
  • 用 户 组: 普通用户
  • 注册时间: 2009-04-07 11:28
文章分类

全部博文(190)

文章存档

2012年(1)

2011年(27)

2010年(20)

2009年(142)

我的朋友

分类: 系统运维

2009-04-13 10:10:06

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 则是网页内容实际高度。

s  =  "网页可见区域宽:"+  document.body.clientWidth; 
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight; 
s  +=  "\r\n网页可见区域高:"+  document.body.offsetWeight  +"  (包括边线的宽)";
s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";
s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth; 
s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight; 
s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop; 
s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft; 
s  +=  "\r\n网页正文部分上:"+  window.screenTop; 
s  +=  "\r\n网页正文部分左:"+  window.screenLeft; 
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height; 
s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width; 
s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight; 
s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth; 

阅读(441) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~