本身的宽高，不包括border

* cllientWidth 

* clientHeight

本身的宽高 ，包括border

* offsetWidth

* offsetHeight

距离左侧和上部的距离，相对于窗口

offsetLeft

offsetTop

获得可滚动的宽高（不包括border）

如果内容宽高比本身小 ，该值为本身宽高，否则就是内容宽高

scrollWidth

scrollHeight

滚动出去的距离

scrollLeft 

scrollTop

相对于窗口左上角的点

clientX

clientY

相对于屏幕左上角的点

建议在移动端使用

screenX

screenY

相对于本身左上角的点

非标准属性

offsetX 

offsetY

相对于整个文档左上角的点

建议在移动端使用

pageX

pageY

获取屏幕的宽高

document.body.clientWidth

document.body.clientHeight

document.body.offsetWidth(包含border)

document.body.offsetHeight（同上）

获取正文的宽高

注：不是看到的宽高，而是可以滚动的宽高

document.body.scrollWidth

document.body.svrollHeight

获取正文滚动出去的宽高

document.body.scrollTop

document.body.scrollLeft

获取屏幕分辨率的宽高

window.screen.width

window.screen.height

获取左边框和上边框的高度

注：没有直接获取右边框和下边框的属性

clientLeft

clientTop