clientHeight,scrollWidth,offsetWidth的區別
用body 測試
網頁實際寬： document.body.clientWidth
網頁實際高： document.body.clientHeight
網頁實際寬： document.body.offsetWidth (包括邊線的寬)
網頁實際高： document.body.offsetHeight (包括邊線的高)
網頁正文全文寬： document.body.scrollWidth
網頁正文全文高： document.body.scrollHeight
網頁被滑去的高： document.body.scrollTop
網頁被滑去的左： document.body.scrollLeft
dom元素div
元素的實際高度：document.getElementById(“div”).offsetHeight
元素的實際寬度：document.getElementById(“div”).offsetWidth
元素的實際距離左邊界的距離：document.getElementById(“div”).offsetLeft
元素的實際距離上邊界的距離：document.getElementById(“div”).offsetTop
區別
clientHeight：元素客戶區的大小，指的是元素內容及其邊框所佔據的空間大小（經過實踐取出來的大多是視口大小）
scrollHeight: 滾動大小，指的是包含滾動內容的元素大小（元素內容的總高度）
offsetHeight: 偏移量，包含元素在屏幕上所用的所有可見空間（包括所有的內邊距滾動條和邊框大小，不包括外邊距