怎么自己做刷東西網站如何做好品牌推廣工作
元素的各種距離
DOM 對象
| 屬性 | 描述 |
| offsetWidth | 只讀，返回元素的寬度（包括元素寬度、內邊距和邊框，不包括外邊距） |
| offsetHeight | 只讀，返回元素的高度（包括元素高度、內邊距和邊框，不包括外邊距） |
| clientWidth | 只讀，返回元素的寬度（包括元素寬度、內邊距，不包括邊框和外邊距） |
| clientHeight | 只讀，返回元素的高度（包括元素高度、內邊距，不包括邊框和外邊距） |
| style.width | 可讀寫，返回元素的寬度（包括元素寬度，不包括內邊距、邊框和外邊距） |
| style.height | 可讀寫，返回元素的高度（包括元素高度，不包括內邊距、邊框和外邊距） |
| scrollWidth | 可讀寫，返回元素的寬度（包括元素寬度、內邊距和溢出尺寸，不包括邊框和外邊距），無溢出的情況，與 clientWidth 相同 |
| scrollHeight | 可讀寫，返回元素的高度（包括元素高度、內邊距和溢出尺寸，不包括邊框和外邊距），無溢出的情況，與 clientHeight 相同 |
| offsetTop | 返回元素的上外緣距離最近采用定位父元素內壁的距離，如果父元素中沒有采用定位的，則是獲取上外邊緣距離文檔內壁的距離。所謂的定位就是position屬性值為 relative、absolute 或者 fixed。 |
| offsetLeft | 此屬性和 offsetTop 的原理是一樣的，只不過方位不同 |
| scrollTop | 可讀寫，此屬性可以獲取或者設置對象的最頂部到對象在當前窗口顯示的范圍內的頂邊的距離，也就是元素滾動條被向下拉動的距離，即“元素中的內容”超出“元素上邊界”的那部分的高度 |
| scrollLeft | 可讀寫，此屬性可以獲取或者設置對象的最左邊到對象在當前窗口顯示的范圍內的左邊的距離，也就是元素被滾動條向左拉動的距離。 |
window 對象
| 屬性 | 描述 |
| innerWidth | 只讀，返回窗口的文檔顯示區(qū)的寬度（不包括菜單欄、工具欄以及滾動條等），IE 不支持，window.innerWidth |
| innerHeight | 只讀，返回窗口的文檔顯示區(qū)的高度（不包括菜單欄、工具欄以及滾動條等），IE 不支持，window.innerHeight |
| outerWidth | 只讀，返回窗口的文檔顯示區(qū)的寬度（包括菜單欄、工具欄以及滾動條等），IE 不支持，window.outerWidth |
| outerHeight | 只讀，返回窗口的文檔顯示區(qū)的高度（包括菜單欄、工具欄以及滾動條等），IE 不支持，window.outerHeight |
鼠標相關的距離? ? ?
當鼠標事件發(fā)生時（不管是 onclick，還是 omousemove，onmouseover 等）
| 屬性 | 描述 |
| clientX | 鼠標相對于瀏覽器（這里說的是瀏覽器的有效區(qū)域）左上角 x 軸的坐標； ?不隨滾動條滾動而改變 |
| clientY | 鼠標相對于瀏覽器（這里說的是瀏覽器的有效區(qū)域）左上角 y 軸的坐標； ?不隨滾動條滾動而改變 |
| pageX | 鼠標相對于瀏覽器（這里說的是瀏覽器的有效區(qū)域）左上角 x 軸的坐標； ?隨滾動條滾動而改變 |
| pageY | 鼠標相對于瀏覽器（這里說的是瀏覽器的有效區(qū)域）左上角y軸的坐標； ?隨滾動條滾動而改變 |
| screenX | 鼠標相對于顯示器屏幕左上角 x 軸的坐標 |
| screenY | 鼠標相對于顯示器屏幕左上角 y 軸的坐標 |
| offsetX | 鼠標相對于事件源左上角 X 軸的坐標 |
| offsetY | 鼠標相對于事件源左上角 Y 軸的坐標 |
