文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>宽度高度问题

宽度高度问题

时间:2009-04-13  来源:lzyox

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; 

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载