innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性

区分innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性

标签：

innerheight

clientheight

innerwidth

clientwidth

offsetleft等

window对象：

（1）innerHeight属性：窗口中文档显示区域的高度，不包括菜单栏、工具栏等部分。该属性可读可写。

IE不支持该属性，IE中body元素的clientHeight属性与该属性相同。

（2)innerWidth属性：窗口中文档显示区域的宽度，同样不包括边框。该属性可读可写。

IE不支持该属性，IE中body元素的clientWidth属性与该属性相同。

clientHeight与clientWidth属性是只读的。

另外，IE不支持outerWidth、outerHeight属性。

(3)pageXOffset属性：整数只读属性，表示文档向右滚动过的像素数。

IE不支持该属性，使用body元素的scrollLeft属性替代。

(4)pageYOffset属性：整数只读属性，表示文档向下滚动过的像素数。

IE不支持该属性，使用body元素的scrollTop属性替代。

兼容IE与DOM浏览器，如何获取窗口中文档显示区域的宽度及高度，使用?:条件语句，如下：

windows.innerWidth ? windows.innerWidth : document.body.clientWidth;

windows.innerHeight ? windows.innerHeight : document.body.clientHeight;

元素对象：

offsetLeft、offsetTop属性：获取元素相对于文档左上角的坐标位置。