js中的offset属性。
JS 有一套方便获取元素尺寸的办法。 就是offset家族
offset指的是自己。
得到对象的宽高。 与别人无关。 会随着元素的变化而变化
offsetHeight = heighet + padding + border
offsetWidth = width + padding + border ;
offsetLeft offsetTop
返回距离上个盒子。 左边或者上 边（父元素有定位属性，父元素没定位属性 默认是到body的距离）的位置。
offsetTop 和style.top的区别
1.最大的区别在于offsettop可以返回没有定位盒子的左侧的距离，而style,top不可以。
2.offset返回的数字。而style.top返回的是字符串。除了数字外还带有单位：px;
3.offset 只读 ， 而style.top 可以读写。
- 如果没有给html元素指定过top样式， 则style.top返回的是空字符串值.
事件对象
event 事件的意思
btn.onclick = function(event){
}
event就是事件对象。 指向的是onclick
在触发Dom上的某个事件的时候会产生一个事件对象event，这个事件包含所有与事件有关的信息。所有浏览器都支持event, 但支持的方式不同 比如鼠标操作的时候会添加鼠标位置的相关信息到时间对象中，
