js获取宽高度

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

13、获取屏幕分辨率的宽高

• window.screen.width
• window.screen.height

14、获取左边框宽度和上边框的宽度

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

• clientLeft
• clientTop