1、本身宽高，不包括border
clientWidth
clientHeight
2、本身宽高，包含border
offsetWidth
offsetHeight
3、距离左侧和上部的距离，相对于窗口
offsetTop
offsetLeft
4、获取可滚动的宽高，不包括border，如果内容宽高比本身小，该值为本身宽高，否则就是内容的宽高
scrollWidth
scrollHeight
5、 获取滚动出去的距离
scrollLeft
scrollTop
6、获取相对于窗口左上角的点的坐标
clientX
clientY
7、获取相对于屏幕左上角的点的坐标，建议在移动端使用
screenX
screenY
8、相对于本身左上角的点，非标准属性
offsetX
offsetY
9、相对于整个文档左上角的点，建议在移动端使用
pageX
pageY
10、获取窗口的宽高
document.body.clientWidth
document.body.clientHeight
document.body.offsetWidth(包含border)
document.body.offsetHeight(包含border)
11、 获取正文的宽高
注意：不是看到的宽高，而是可以滚动的宽高。
document.body.scrollWidth
document.body.scrollHeight
12、 获取正文滚动出去的宽高
document.body.scrollTop
document.body.scrollLeft
12、获取屏幕分辨率的宽高
window.screen.width
window.screen.height
13、获取左边框宽度和上边框的宽度
注意没有直接获取右边框和下边框的直接属性。
clientLeft
clientTop
