js裡取容器大小、定位、距離等屬性蒐集整理_javascript技巧

element.clientWidth　　 //元素的實際寬度,不算邊框

element.clientHeight　　//元素的實際高度,不算邊框


element.offsetHeight　　//元素的實際高度,加上邊框


element.scrollWidth　　//這個說法很多，我測試下來應該是元素實際寬度-滾動條的寬度

element.scrollHeight　　//這個說法很多，我測試下來應該是元素實際高度-滾動條的高度


element.offsetLeftement　 //於父對象的距離,ie下如果position設為relative,則是相對於window的距離

element.offsetTop　　 //相對於父對象的距離,ie下如果position設為relative,則是相對於window的距離


window.screenLeft　　 //目前視窗距離螢幕距離only for IE

window.screenX　　 //目前視窗距離螢幕距離not for IE


>
window.innerWidth　　//目前視窗大小（內）not for IE

window.outerWidth　　//目前視窗大小（外）not for IE


window .width //目前螢幕解析度

window.screen.availWidth //目前螢幕可用解析度