https://www.cnblogs.com/nanshanlaoyao/p/5964730.html
- clientHeight：元素客戶區的大小，指的是元素內容及其邊框所占據的空間大小（經過實踐取出來的大多是視口大小）
- scrollHeight: 滾動大小，指的是包含滾動內容的元素大小（元素內容的總高度）
- offsetHeight: 偏移量，包含元素在屏幕上所用的所有可見空間（包括所有的內邊距滾動條和邊框大小，不包括外邊距
瀏覽器的視口，不包括工具欄和滾動條
獲取瀏覽器的可視窗口寬高：
對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
- window.innerHeight 高度
- window.innerWidth 寬度
對於 Internet Explorer 8、7、6、5：
- document.documentElement.clientHeight 高度
- document.documentElement.clientWidth 寬度
或者
- document.body.clientHeight 高度
- document.body.clientWidth 寬度