javascript 中 offsetWidth clientwidth 是什么意思
scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容器的水平坐标event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
offsetHeight和clientHeight的区别
js中的clientHeight和offsetHeight的区别如下：1、clientHeight网页(内容)可见区域高：document.body.clientHeight 即页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。注意：IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。2、offsetHeight网页可见区域高：document.body.offsetHeight (包括边线的宽)二者联系：NS、 FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。
HTML中的问题：div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思，有什么区别？如下图
首先说一句，纠结这些理论的东西是没有用的，实际操作起来根本没有这么复杂。
一个个来回答你的问题：
1、div.clientleft怎么和div.style.border一样大？
首先你要理解clientleft是什么意思，要理解clientleft你要先理解offsetleft，offsetleft是说这个标签（或者说对象），他的最左端离他的父标签最左端的距离。
而clientleft，其实跟offsetleft差不多，区别在于clientleft=offsetleft减去该对象的border值。
所以clientleft跟border是一样大的。
2、div.style.margin是什么？
margin指的是该对象的外边距，与padding（内边距）经常一起来用，区别在于padding是包含在这个对象的clientWidth里面的，而margin不包含于任何clientWidth、offsetWidth、clientHeight、offsetHeight中。
3、div.scrolltop是什么？
顾名思义，scrolltop是卷起来的顶部距离，也就是说，该元素在垂直方向上滚动了多少
4、body.clienttop是什么？
body.clienttop指的是body的offset值减去border，跟第一个问题一样，由于没有offsetleft，所以他的clienttop跟border是一样的。
最后说一句，这些理论，了解就行，没有必要记住，实际做网页的时候很少会用到这些。
