比较绕的理论知识点:
假如无padding无滚动条无border:
offsetWidth=clientWidth=style.width
scrollWidth与scrollHeight



clientWidth与clientHeight : padding*2 + content - 滚动轴宽度
clientTop = border-width
clientLeft = border-width
offsetWidth与offsetHeight : border*2 + padding*2 + content
bocument.dody的scrollWidth和scrollHeight
bocument.dody的scrollWidth和scrollHeight
bocument.dody的scrollWidth和scrollHeight
scrollWidth和scrollHeight
scrollLeft和scrollTop
在某div中scrollWidth和scrollHeight
各种坐标:

offsetLeft与offsetHeight:


event五种坐标
offsetLeft兼容性
offsetParent
offsetWidth和offsetHeight
clientWIdth和clientHeight
client和clienttop
.width()与.css("width")区别:
width()返回结果无单位;
css("width")返回结果有单位;
原理offsetWidth-clientWidth;
offsetHeight=border+padding+centet(相当于一个div的宽度)
clientHeight=padding+centet(不包括border,也不包括div滚动条)
判断滚动到顶部和滚动到底部
直接获得div顶部到浏览器顶部的距离
document与documentelement与body的关系
screen.height 与screen.width
window.outerHeight与window.innerHeight区别
innerHeight
兼容性
var avail = window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight