完美辨析各种高度区别

来源：互联网发布：联合缴费软件下载编辑：程序博客网时间：2024/06/05 15:01

document.body.clientHeight(已过时)=document.documentElement.clientHeight(现在的)= document.documentElement.offsetHeight(过时，最好不用)= $(window).height();可见高度
=581
$(document).height(); 文档高度=4801
window.screen.height;屏幕分辨率高度781

网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);

在写个漂浮广告时遇到document.body.scrollTop和document.body.clientHeight为零的问题，在网上找到了原因：是因为html/jsp文件头部加了文档类型。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

解决办法可以有两个（使用第二个好点）

１.去掉头部文档类型。

２.把document.body.scrollTop和document.body.scrollLeft这两个家伙改个名字：

document.documentElement.scrollTop 和document.documentElement.scrollLeft。

当然document.body.clientWidth和document.body.clientHeight也要改名字了，改为：document.documentElement.clientWidth和document.documentElement.clientHeight