JS中的计算其中的一些对应的长度

（1）offsetWidth:这里计算出来的是对应的其中的宽度（content的宽度+padding-left+padding-right+borer-left+border-left）

（2）offsetHeight:这里计算出来的就是其中的对应的高度(content的高度+padding-top+padding-bottom+borer-top+border-bottom)

（3）offsetLeft:计算出来的就是其中的相对于子元素的左边框与父元素的左边框之间的距离

（4）offsetTop:计算出来的就是其中的相对于子元素的上边框与父元素的上边框之间的距离

（5）clientX：计算的是其中的在浏览器视口的X轴的坐标（可视区左上角为（0，0）点）

（6）clientY : 计算的是其中的浏览器视口的Y轴的坐标（可视区左上角为（0，0）点）

（7）screenX:计算其中的相对于电脑屏幕的X轴的坐标

（8）screenY:计算出来的相对于电脑屏幕的Y轴的坐标

（9）clientWiddth:计算出来的宽度（content的宽度+padding-left+padding-righ）

（10）clientHeight：计算出来的高度（content的高度+padding-top+padding-bottom）

（11）document.documentElement.clientWidth（IE7之前用document.body.clientWidth）:计算出来的浏览器视口的宽度

（12）document.documentElement.clientHeight(IE7之前用document.body.clientHeight):计算出来的浏览器视口的高度

（13）scrolltop:计算出来的竖直方向上滚动条滚动的距离

（14）scrollLeft:计算出来水平方向上的滚动条滚动的距离

（15）scrollHeight:没有滚动条的情况下，元素内容的总高度

（16）scrollWidth:没有滚动条的情况下，元素内容的总宽度

（17）document.documentElement.scrollHeight：计算出来的是其中的电脑屏幕高度和其中滚动条在竖直滚动的距离之和

（18）document.documentElement.scrollWidth：计算出来的是其中的电脑屏幕的宽度和其中滚动条在水平方向上滚动的距离之和

（19）page.X:相对于页面的X轴的坐标

（20）page.Y:相对于页面的Y轴的坐标

注意：在页面没有滚动条的情况下，pageX和pageY的值和clientX和clientY的值是相等的