js中各种宽高

网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括border);
网页可见区域高： document.body.offsetHeight (包括border);
网页可见区域宽： window.innerWidth (包括border，纵向滚动条的宽度);
网页可见区域高： window.innerHeight (包括border，横向滚动条的高度);

1、clientWidth

 clientWidth = width+左右padding

2、clientHeigh

 clientHeigh = height + 上下padding 

3、offsetWidth

 offsetWidth = width + 左右padding + 左右boder

4、offsetHeight

 offsetHeight = height + 上下padding + 上下boder

5、innnerWidth

 innerWidth = width + 左右padding + 左右boder+纵向滚动条宽度

6、innerHeight

 innerHeight = height + 上下padding + 上下boder+横向滚动条的高度

网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop、document.documentElement.scrollTop、window.pageYOffset
网页被卷去的左： document.body.scrollLeft、document.documentElement.scrollLeft、window.pageXOffset

7、scrollWidth
获取对象的滚动宽度
8、scrollHeight
获取对象的滚动高度
9、scrollTop
获取位于对象最顶端和对象中可见内容的最顶端之间的距离

不同浏览器中scrollTop的使用不同：
IE6/7/8：
document.documentElement.scrollTop；
IE9及以上：
window.pageYOffset或者document.documentElement.scrollTop
Safari:
window.pageYOffset 或document.body.scrollTop；
Firefox:
window.pageYOffset 或者 document.documentElement.scrollTop ；
Chrome：
document.body.scrollTop;

如果不知道该如何设置scrollTop

var scrollTop=document.body.scrollTop||document.documentElement.scrollTop

document.body.scrollTop与document.documentElement.scrollTop两者中只会有一个值生效，不生效的那个默认值为0，所以可以用上方的代码获取scrollTop。
10、scrollLeft
获取位于对象左边界和对象中目前可见内容的最左端之间的距离。
scrollLeft的使用跟scrollLeft同理。

屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
屏幕可用工作区宽度： window.screen.availWidth;