盒子模型，盒子的尺寸及位置信息，盒子不同尺寸属性之间的区别

获取盒子的位置信息以及尺寸信息

elementNode.getBoundingClientRect()；

盒子更多尺寸及位置信息：

offsetWidth：本身宽度+边框线+左右内边距；-outerWidth()
offsetHeight：本身高度+边框线+上下内边距；-outerHeight()
offsetTop：相对有定位属性的父节点上偏移量；
offsetLeft：相对有定位属性的父节点左偏移量；
clientWidth：本身的宽度+左右内边距; -innerWidth()
clientHeight：本身的高度+上下内边距； -innerHeight()
clientTop：上边框线的宽度；----border-top
clientLeft：左边框线的宽度；----border-left
scrollWidth：盒子的实际宽度(包括不可见部分，不包括边线)； -innerWidth()
scrollHeight：盒子的实际高度(包括不可见部分，不包括边线)； -innerHidth()
scrollTop：滚动条向下滚动的距离；
scrollLeft：滚动条向右滚动的距离；
window.innerHeight：浏览器窗口可见区域高度；
window.innerWidth：浏览器窗口可见区域宽度;