Js获取宽高度的归纳集锦总结

首先，先吓唬一下我们的小白们！在js中的描述宽高的可以细分有22种。

1. window.innerWidth //除去菜单栏的窗口宽度
2. window.innerHeight//除去菜单栏的窗口高度
3. window.outerWidth//包括菜单栏的窗口宽度
4. window.outerHeight//包括菜单栏的窗口宽度
5. window.screen.height//电脑屏幕的高度
6. window.screen.width//电脑屏幕的宽度
7. window.screen.availHeight//电脑屏幕的可利用高度
8. window.screen.availWidth//电脑屏幕的可利用宽度
9. window.screenTop//浏览器距离屏幕的高度
10. window.screenLeft//浏览器距离屏幕的宽度
11. document.body.clientWidth//指元素的自身宽度（包括padding）
12. document.body.clientHeight//指元素的自身的高度（包括padding）
13. document.body.clientLeft//子级div内容位置到父级内容区域的宽度距离(即border值)
14. document.body.clientTop//子级div内容位置到父级内容区域的高度距离(即border值)
15. document.body.offsetWidth//指定元素的宽度（包括padding，border和内容）
16. document.body.offsetHeight//指定元素的高度（包括padding，border和内容）
17. document.body.offsetTop//距离父级元素的高度
18. document.body.offsetLeft//距离父级元素的宽度
19. document.body.scrollWidth//获取的是文档的宽度（当指定的宽度小于浏览器窗口的时候，为浏览器的宽度）
20. document.body.scrollHeight//获取的是文档的高度（当指定的高度小于浏览器窗口的时候，为浏览器的高度）
21. document.body.scrollTop//文档被滚动上去的时候（即滚动条往上滚动的距离）
22. document.body.scrollLeft//文档被滚动右去的时候（即滚动条往右滚动的距离）

Js获取宽高度的归纳集锦总结

原文：https://www.cnblogs.com/jing-tian/p/11067081.html