-常用的宽高属性在日常开发中，我们经常需要用到这些高度信息。浏览器视口的高度和宽度，浏览器的滚动高度，文本内容的总高度等，我在下图中列出了作品中最常用的宽度和高度信息。并且在这篇文章中，解释了各种常见的宽度和高度。2各种宽高说明2.1window.innerHeight/window.innerWidthwindow下最常见的宽高属性是window.innerHeight/window.innerWidth。该属性表示浏览器文本可见区域的高度和宽度。window.innerHeight包括水平滚动条的部分（如果存在，一般情况下window.innerHeight==document.body.clientHeight）2.2window.outerHeight/window.outerWidthwindow.outerHeight和window.outerWidth表示可见区域浏览器（文字加上其他一些乱七八糟的高宽，我自己的理解是所有浏览器区域你一眼就能看懂）2.3document.body.scrollHeight/document.body.scrollWidthdocument.body.scrollHeight/document.body。scrollWidth表示浏览器所有文本部分的高度/宽度（即你一眼看不完的区域的高度和宽度也算在里面）2.4document.body.scrollTop/的两个高度document.body.scrollLeft代表水平和垂直滚动条滚动了多远。通常document.body.scrollTop+window.innerHeight(document.body.clientHeight)=document.body.scrollHeightdocument.body.scrollLeft+window.innerWidth(document.body.clientWidth)=document.body.scrollWidthall,下面声明你可以判断一个滚动容器是否滚动到容器底部的element.scrollHeight——element.scrollTop==element.clientHeight
