js获取网页高度(详细整理)

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight 
网页可见区域宽: document.body.offsetWidth (包括边线的宽) 
网页可见区域高: document.body.offsetHeight (包括边线的高) 
网页正文全文宽: document.body.scrollWidth 
网页正文全文高: document.body.scrollHeight 
网页被卷去的高: document.body.scrollTop 
网页被卷去的左: document.body.scrollLeft 
网页正文部分上: window.screenTop 
网页正文部分左: window.screenLeft 
屏幕分辨率的高: window.screen.height 
屏幕分辨率的宽: window.screen.width 
屏幕可用工作区高度: window.screen.availHeight 
屏幕可用工作区宽度: window.screen.availWidth 

1、offsetWidth 

当前对象的宽度。(width+padding+border)

2、offsetHeight

当前对象的高度。(width+padding+border)

3、offsetLeft 

当前对象相对于其上层元素(定位position非static)左边的距离

4、offsetTop 

当前对象相对于其上层元素(定位position非static)上边的距离

5、clientLeft

 获取对象的border宽度

6、clientTop

获取对象的border高度

7、offsetParent

当前对象的上级层对象.

 

posted @ 2016-12-14 16:00  minimal虾米  阅读(189)  评论(0编辑  收藏  举报