1、內高度、內寬度： 內邊距 + 內容框 clientWidth clientHeight 2、外高度，外寬度： 邊框 + 內邊距 + 內容框 offsetWidth offsetHeight 3、上邊框、左邊框 clientTop clientLeft 4、元素的大小及其相對於視口的位置 getB ...
1、內高度、內寬度： 內邊距 + 內容框 clientWidth clientHeight 2、外高度，外寬度： 邊框 + 內邊距 + 內容框 offsetWidth offsetHeight 3、上邊框、左邊框 clientTop clientLeft 4、元素的大小及其相對於視口的位置 getBoundingClientRect() //x\y:元素的左上角和父元素左上角的距離 //width/height:邊框 + 內邊距 + 內容框 //top:元素的上邊界和父元素上邊界的距離 //left:元素的左邊界和父元素左邊界的距離 //right:元素的右邊界和父元素的左邊界的距離 //bottom:元素的下邊界和父元素上邊界的距離 5、上邊偏移量，左邊的偏移量 offsetTop offsetLest 6、可視區域的大小 document.documentElement.clientWidth document.documentElement.clientHeight 7、頁面的實際大小 document.documentElement.scrollWidth document.documentElement.scrollHeight 8、視窗左上角 與 屏幕左上角的 距離 window.screenX、 window.screenY 9、屏幕寬高 window.screen.width window.screen.height 10、屏幕可用寬高（去除任務欄） window.screen.availWidth window.screen.availHeight 11、視窗的內高度、內寬度（文檔顯示區域+滾動條） window.innerWidth window.innerHeight 12、視窗的外高度、外寬度 window.outerWidth window.outerHeiht
