这几节的距离指什么？？？

Question

clientWidth、clientHeight、scrollWidth、scrollHeight、offsetHeight、offsetWidth、scrollLeft、scrollTop、offsetLeft、offsetTop，网上说的很笼统，谁能帮忙用图例说明下这些指网页的哪些尺寸。谢谢！

Answer 1

clientWidth:浏览器窗口的内部宽度 不包含浏览器的视口，不包括工具栏和滚动条

对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight 或者 document.body.clientWidth

相当于Internet Explorer、Chrome、Firefox、Opera 以及 Safari的window.innerWidth

clientHeight是高度

scrollWidth 获取对象的滚动宽度

scrollHeight: 获取对象的滚动高度。

offsetHeight = 内容可视区域的高度+ 滚动条 + 边框。