本身的宽高，不包括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
