clientWidth是物件看到的寬度（不含邊線,即border）
scrollWidth是物件實際內容的寬度（若無padding，那就是邊框之間距離，如有padding，就是左padding和右padding之間距離）。
offsetWidth是指物件自身的寬度，整型，單位畫素（含邊線，如滾動條的佔用的寬，值會隨著內容的輸入而不斷改變）。

易混淆點：

clientX 設定或獲取滑鼠指標位置相對於當前視窗的 x 座標，其中客戶區域不包括視窗自身的控制元件和滾動條。 
clientY 設定或獲取滑鼠指標位置相對於當前視窗的 y 座標，其中客戶區域不包括視窗自身的控制元件和滾動條。 
offsetX 設定或獲取滑鼠指標位置相對於觸發事件的物件

網頁可見區域寬： document.body.offsetWidth (包括邊線的寬);
網頁可見區域高： document.body.offsetHeight (包括邊線的寬);

網頁正文全文寬： document.body.scrollWidth;
網頁正文全文高： document.body.scrollHeight;

網頁被捲去的高： document.body.scrollTop;
網頁被捲去的左： document.body.scrollLeft;

網頁正文部分上： window.screenTop;
網頁正文部分左： window.screenLeft;

螢幕解析度的高： window.screen.height;
螢幕解析度的寬： window.screen.width;

螢幕可用工作區高度： window.screen.availHeight;
螢幕可用工作區寬度：window.screen.availWidth;