scroll家族
獲取寬高: scrollWidth和scrollHeight---返回純數值,可參與運算
獲取元素的內容總寬高(不包含滾動條)返回值不帶單位
scrollWidth? scrollHeight 是只讀屬性(賦值無效)
scrollLeft scrollTop 獲取內容滾動卷曲距離---這兩個屬性是可以修改的
獲取元素內容往左、往上滾出去看不到的距離
offset家族
獲取寬高:offsetWidth和offsetHeight
獲取元素的真實寬高(包含元素自身設置的寬高、padding、border )
獲取位置:offsetLeft和offsetTop 獲取元素距離自己定位父級元素的左、上距離,如果沒有定位父級的話,就是獲取元素到body的距離
注意都是只讀屬性,設置無效
client家族
獲取寬高:clientWidth和clientHeight
獲取元素的可見部分寬高(不包含邊框,滾動條等)
獲取位置:clientLeft和clientTop----獲取左邊框和上邊框寬度(border)
注意都是只讀屬性
獲取頁面可視區大小:
窗口大小變化觸發的事件: