javascript中clientHeight/Width,offsetHeight/Width/Left/Top,scrollHeight/Width/Left/Top这是个样式属性的区别。

1.clientHeight与我们对象.style.height的区别在于，clientHeight是可以获取到我们的height+padding的总高度的，且是一个纯数字，是不带单位的数值。而我们的对象.style.height只能获取到height的值，而且其获取到的是一个带有单位的数值。我们的offsetHeight就更厉害了，比clientHeight还厉害，它可以获取到height+padding+border的总宽度。（换成高度也是一样的，在这里我就不过多赘述了）。

2.offsetTop和我们的offsetLeft是相当于我们开启了定位的父元素的水平或者垂直偏移量，如果父元素都没有开启定位，则默认父元素是我们的body，则其值就是相对于我们body的垂直偏移量或者是水平偏移量。

3.scrollHeight和scrollWidth这两个属性，当子元素溢出的时候，且当把我们的overflow：hidden；的时候，就会都出现滚动条，然后元素的scrollHeight和scrollWidth就是子元素原先的宽度和高度，也就是比父元素大的那个元素，而我们的scrollLeft和scrollTop就是我们左边的滚轮和上面的滚轮移动的距离，当我们滚轮完全移动到下面的时候，满足等式scrollHeight-clientHeight=scrollTop，所以可以通过这个等式来判断用户有没有将我们的协议看完，如果看完了就会满足这个等式，因而我们的就可以让其点击同意次协议，不然就让disabled=“disabled”这个属性变成true就好了，然后就是暗色的，就是不能选中，而当将其改成false的时候，我们就可以点了，实现这种效果。