js 獲取屏幕或元素寬高...

窗口相對於屏幕頂部距離 window.screenTop

窗口相對於屏幕左邊距離 window.screenLeft,

屏幕分辨率的高 window.screen.height,

屏幕分辨率的寬 window.screen.width,

屏幕可用工做區高度 window.screen.availHeight,

屏幕可用工做區寬度 window.screen.availWidth

網頁滾動距離頂部距離 document.body.scrollTop

網頁滾動距離左邊距離 document.body.scrollLeft

 

網頁可見區域寬： document.body.clientWidth

網頁可見區域高： document.body.clientHeight

網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)

網頁可見區域高： document.body.offsetHeight (包括邊線的高)

網頁正文全文寬： document.body.scrollWidth

網頁正文全文高： document.body.scrollHeight

網頁被捲去的高： document.body.scrollTop

網頁被捲去的左： document.body.scrollLeft

對應的dom元素的寬高有如下幾個經常使用的：

元素的實際高度：document.getElementById("div").offsetHeight

元素的實際寬度：document.getElementById("div").offsetWidth

元素的實際距離左邊界的距離：document.getElementById("div").offsetLeft

元素的實際距離上邊界的距離：document.getElementById("div").offsetTop