元素的寬度/高度
元素.offsetWidth/offsetHeight 包含邊框和滾動(dòng)條(不算超出的部分)
元素.clientWidth/clientHeight 不包含邊框侵贵、不包含滾動(dòng)條(不算超出的部分)
元素.scrollWidth/元素.scrollHeight 內(nèi)容的實(shí)際寬高(算超出的部分)
可視區(qū)域的寬高
寬:document.body.clientWidth||document.documentElement.clientWidth //兼容ie
高:document.body.clientHeight||document.documentElement.clientHeight
瀏覽器窗口內(nèi)部的寬/高
window.innerWIdth/window.innerHeight//會(huì)隨瀏覽器變大變小改變
屏幕寬高
window.width/window.height
屏幕可用部分寬高
window.avaiWidth/window.avaiHeight
offsetParent/offsetLeft/offsetTop
odiv.offsetParent:找到離當(dāng)前元素odiv最近的且有定位的父級(jí)元素供搀。會(huì)一級(jí)一組的向上找长豁,找不到就是body.
odiv.offsetLeft:找到與當(dāng)前元素最近的且有定位的父級(jí)元素的左邊距離、
odiv.offsetTop:找到與當(dāng)前元素最近的且有定位的父元素的上邊距離
clientLeft/clientTop元素的邊框?qū)?高