js擷取螢幕元素寬高值

標籤：document   元素   font   精確   cli   html   offsetx   相對   距離   

螢幕解析度的寬高：window.screen.width  / window.screen.height 

螢幕可用工作區寬高：window.screen.availWidth / window.screen.availHeight

網頁可見地區寬高：document.body.clientWidth / document.body.clientHeight

網頁可見地區寬高：document.body.offsetWidth / document.body.offsetHeight(包括邊線) 

網頁本文全文寬高：document.body.scrollWidth / document.body.scrollHeight

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

網頁被捲去的高(ie): document.documentElement.scrollTop;
網頁被捲去的左：document.body.scrollLeft

網頁本文部分上：window.screenTop 
網頁本文部分左：window.screenLeft

某個元素的寬度：obj.offsetWidth;某個元素的高度：obj.offsetHeight;

HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
scrollHeight: 擷取對象的滾動高度。 
scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離 
scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離 
scrollWidth:擷取對象的滾動寬度 
offsetHeight:擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 
offsetLeft:擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置 
offsetTop:擷取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置 
event.clientX 相對文檔的水平座標 
event.clientY 相對文檔的垂直座標 
event.offsetX 相對容器的水平座標 
event.offsetY 相對容器的垂直座標 

event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量

js擷取螢幕元素寬高值