Paste_Image.png

本身的寬高,不包括border

? clientWidth
? clientHeight

本身的寬高,包括border

? offsetWidth
? offsetHeight

距離左側和上部的距離,相對于窗口

? offsetLeft
? offsetTop

獲取可以滾動的寬度(不包括border)如果內容寬高幣本身小,該值為本身寬高,否則就是內容的寬高

? scrollWidth
? scrollHeight

滾動出去的距離

? scrollLeft
? scrollTop

相對于窗口左上角的點

? clientX
? clientY

相對于屏幕左上角的點(建議移動端使用)
? screenX
? screenY

相對于本身左上角的點
(非標準屬性)

?offsetX
? offsetY

相對于整個文檔左上角的點
(建議移動端使用)
? pageX
? pageY
獲取窗口的寬高
? document.body.clientWidth
? document.body.clientHeight
? document.body.offsetWidth (border)
? docuemnt.body.offsetHeight (border)

獲取正文的寬高(可以滾動的款到)

? document.body.scrollWidth
? docuemnt.body.scrollHeight

獲取正文滾出去的寬高

? document.body.scrollTop
? document.body.scrollLeft

獲取屏幕分辨率寬高

? window.screen.width
? window.screen.height

獲取左邊框寬度和上邊框寬度

? clientLeft
? clientTop