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 可以读写。

4. 如果没有给html元素指定过top样式， 则style.top返回的是空字符串值.

事件对象

event 事件的意思

                       btn.onclick = function(event){

                     }

event就是事件对象。 指向的是onclick
在触发Dom上的某个事件的时候会产生一个事件对象event，这个事件包含所有与事件有关的信息。所有浏览器都支持event, 但支持的方式不同 比如鼠标操作的时候会添加鼠标位置的相关信息到时间对象中，