1说搅、本身寬高,不包括border
- clientWidth
- clientHeight
2虏等、本身寬高弄唧,包含border
- offsetWidth
- offsetHeight
3、距離左側(cè)和上部的距離霍衫,相對于窗口
- offsetTop
- offsetLeft
4候引、獲取可滾動的寬高,不包括border敦跌,如果內(nèi)容寬高比本身小澄干,該值為本身寬高,否則就是內(nèi)容的寬高
- scrollWidth
- scrollHeight
5柠傍、 獲取滾動出去的距離
- scrollLeft
- scrollTop
6麸俘、獲取相對于窗口左上角的點(diǎn)的坐標(biāo)
- clientX
- clientY
7、獲取相對于屏幕左上角的點(diǎn)的坐標(biāo)惧笛,建議在移動端使用
- screenX
- screenY
8从媚、相對于本身左上角的點(diǎn),非標(biāo)準(zhǔn)屬性(兼容性)
- offsetX
- offsetY
9徐紧、相對于整個文檔左上角的點(diǎn)静檬,建議在移動端使用
- pageX
- pageY
10、獲取窗口的寬高
- document.body.clientWidth
- document.body.clientHeight
- document.body.offsetWidth(包含border)
- document.body.offsetHeight(包含border)
11并级、 獲取正文的寬高
注意:不是看到的寬高拂檩,而是可以滾動的寬高。
- document.body.scrollWidth
- document.body.scrollHeight
12嘲碧、 獲取正文滾動出去的寬高
- document.body.scrollTop
- document.body.scrollLeft
13稻励、獲取屏幕分辨率的寬高
- window.screen.width
- window.screen.height
14、獲取左邊框?qū)挾群蜕线吙虻膶挾?/h1>
注意沒有直接獲取右邊框和下邊框的直接屬性愈涩。
- clientLeft
- clientTop