clientheight、scrollheight、offsetHeight的区别

clientheight、scrollheight、offsetHeight的区别

元素(内容)可见区域宽：clientWidth 

元素(内容)可见区域高：clientHeight

指元素内容加上padding所占据的视觉面积，document.body.clientWidth ；document.body.clientHeight便是网页的大小，不包含滚动条和border的大小

元素可见区域宽：offsetWidth (包括border的宽) 

元素可见区域高：offsetHeight (包括border的高) 

offsetTop和offsetLeft属性，表示该元素的左上角与父容器左上角的距离

元素正文全文宽：scrollWidth （不含border）

元素正文全文高：scrollHeight （不含border）

网页被卷去的高：document.body.scrollTop 

网页被卷去的左：document.body.scrollLeft 

网页正文部分上：window.screenTop 

网页正文部分左：window.screenLeft 

屏幕分辨率的高：window.screen.height 

屏幕分辨率的宽：window.screen.width 

屏幕可用工作区高度：window.screen.availHeight 

屏幕可用工作区宽度：window.screen.availWidth