innerHeight与clientHeight、innerWidth与clientWidth

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属性:获取元素相对于文档左上角的坐标位置。

 

http://blog.sina.com.cn/s/blog_48e6792c0100z7ge.html

posted @ 2012-12-13 10:13  isMethod  阅读(462)  评论(0编辑  收藏  举报