元素的宽度/高度
元素.offsetWidth/offsetHeight 包含边框和滚动条(不算超出的部分)
元素.clientWidth/clientHeight 不包含边框、不包含滚动条(不算超出的部分)
元素.scrollWidth/元素.scrollHeight 内容的实际宽高(算超出的部分)
可视区域的宽高
宽:document.body.clientWidth||document.documentElement.clientWidth //兼容ie
高:document.body.clientHeight||document.documentElement.clientHeight
浏览器窗口内部的宽/高
window.innerWIdth/window.innerHeight//会随浏览器变大变小改变
屏幕宽高
window.width/window.height
屏幕可用部分宽高
window.avaiWidth/window.avaiHeight
offsetParent/offsetLeft/offsetTop
odiv.offsetParent:找到离当前元素odiv最近的且有定位的父级元素。会一级一组的向上找,找不到就是body.
odiv.offsetLeft:找到与当前元素最近的且有定位的父级元素的左边距离、
odiv.offsetTop:找到与当前元素最近的且有定位的父元素的上边距离
clientLeft/clientTop元素的边框宽/高