JS之获取窗口属性

查看页面滚动条的滚动距离

1、window.pageXOffset/pageYOffset(IE8及以下不兼容)

2、IE8及以下的浏览器

     document.body.scrollLeft/Top
     document.documentElement.scrollLeft/Top
     这两个互相冲突，一个有值，另一个一定为0

document.body.scrollLeft + document.documentElement.scrollLeft   //通常这么使用

查看可视窗口的尺寸

1、window.innerWidth/innerHeight (IE8及以下不兼容)

2、document.documentElement.clientWidth/clientHeight  标准模式下（！doctype书写正常），任意浏览器都兼容

3、document.body.clientWidth/clientHeight     适用于怪异模式下的浏览器

查看元素的几何尺寸

1、domEle.getBoundingClientRect()

兼容性很好；该方法返回一个对象，对象里面有left、top、right、bottom等属性。left和top代表该元素左上角的X和Y坐标，right和bottom代表元素右下角的X和Y坐标
 height和width属性老版本IE并未实现
 返回的结果不是实时的 

让滚动条滚动

window上有三个方法

scroll(x,y)；

scrollTo()；

scrollBy()；在之前的数据基础上做累加

查看元素的尺寸

dom.offsetWidth、dom.offsetHeight 视觉上的尺寸，不包含margin 可以完全取代 domEle.getBoundingClientRect()

查看元素位置

1、dom.offsetLeft、dom.offsetTop
    对于无定位父级元素，返回相对文档的坐标。对于有定位父级返回相对于最近的有定位的父级的坐标

2、dom.offsetParent
    返回最近的有定位的父级，如果无，返回body，body.offsetParent