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