關於js獲取瀏覽器以及元素的高度

網頁可見區域寬: document.body.clientWidth
網頁可見區域高: document.body.clientHeight
網頁可見區域寬: document.body.offsetWidth (包括邊線的寬)
網頁可見區域高: document.body.offsetHeight (包括邊線的高)
網頁正文全文寬: document.body.scrollWidth
網頁正文全文高: document.body.scrollHeight
網頁被捲去的高: document.body.scrollTop
網頁被捲去的左: document.body.scrollLeft

元素的實際高度:document.getElementById("div").offsetHeight
元素的實際寬度:document.getElementById("div").offsetWidth
元素的實際距離左邊界的距離:document.getElementById("div").offsetLeft
元素的實際距離上邊界的距離:document.getElementById("div").offsetTop

可見區域寬度:document.documentElement.clientWidth 
可見區域高度:document.documentElement.clientHeight 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章