js获取页面高度和宽度相关方法

<script>
function getInfo()
{
var s = "";
s += " 网页可见区域宽："+ document.body.clientWidth;
s += " 网页可见区域高："+ document.body.clientHeight;
s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽："+ document.body.scrollWidth;
s += " 网页正文全文高："+ document.body.scrollHeight;
s += " 网页被卷去的高(ff)："+ document.body.scrollTop;
s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop;
s += " 网页被卷去的左："+ document.body.scrollLeft;
s += " 网页正文部分上："+ window.screenTop;
s += " 网页正文部分左："+ window.screenLeft;
s += " 屏幕分辨率的高："+ window.screen.height;
s += " 屏幕分辨率的宽："+ window.screen.width;
s += " 屏幕可用工作区高度："+ window.screen.availHeight;
s += " 屏幕可用工作区宽度："+ window.screen.availWidth;
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert (s);
}
getInfo();
</script>

offsetTop

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。

offsetLeft

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetHeight

获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

offsetWidth

获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

offsetParent

获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。

clientHeight

获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

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

clientLeft

获取 offsetLeft 属性和客户区域的实际左边之间的距离。

clientTop

获取 offsetTop 属性和客户区域的实际顶端之间的距离。

clientWidth

获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。