查看视口的尺寸:window.innerWidth/innerHeight
Document.documentElement.clientWidth/clientHeight 标准模式下,任意浏览器都兼容
Document.body.clientWidth/clienHeight 适用于怪异模式下的浏览器
封装兼容性方法,返回浏览器视口尺寸getViewportOffset()
DomElement.getBoundingClienRect(); 兼容性很好
该方法返回一个对象,对对象里面有left,top,right,bottom等属性。Left和top代表该元素左上角的X和Y坐标,right和bottom代表元素右下角的X和Y
Height和width属性老版本ie并未实现 返回的结果是‘实时的’
查看尺寸:dom.offsetwidth,dom.offsetHeight 查看元素的位置
Dom.offsetleft,dom.offsetTop
对于无定位父级得元素,返回相对于文档的坐标。对于有定位父级赶回相对于最近的有定位的父级的坐标。 Dom.offsetParent
返回最近的有定位的父级,如无,返回body.offsetParent Eg:求元素相对于文档的坐标getElementPosition
让滚动条滚动 ------Window上有三个方法:
1.scroll(),
2.scrollTo() ,
3.scrollBy()三个方法功能类似,用法都是将X,Y坐标传入。即使实现了让滚动条滚动到当前位置。 区别:scroll()会在之前的数据基础上做累加。
Eg:利用scrollBy()快速阅读的功能