第八天总结

JS第八天：网页特效1
一、offset家族
offset:本身是偏移，补偿，位移的意思。这里是自己的意思。
js中方便获取元素尺寸的方法就是Offset家族。
offset常用属性
offsetWidth offsetHeight
得到对象的宽度和高度(自己的，与他人无关)
offsetWidth = width+padding+border 不包括Margin
offsetLeft 返回距离上级盒子(带有定位)左边的距离
offsetTop 返回距离上级盒子顶部的距离，如果父级都没有定位则以body为准，offsetLeft从父级的padding开始算，父级的border不算。总结：就是子盒子到定

位盒子边框到边框的距离。
offsetParent返回该对象的父级(带有定位)，如果当前元素的父级元素没有css定位，offsetParent为body。如果当前元素的父级元素有定位，返回最近的那个父

级元素。

offsetLeft和style.left的区别
1.offsetLeft可以返回没有定位盒子的左侧距离。style.left不可以，只有定位的盒子才有Left，right，top值
2.offsetLeft返回的是数字。style.left返回的是字符串，除了数字还有px
3.offsetLeft只读。style.left可读写。
4.如果没有给元素指定过left,right,top样式，则style.left返回空字符串。
5.style.left只能得到行内样式。offsetLeft都可以得到。

二、事件对象
在触发dom上的某个事件时，会产生一个事件对象event,这个对象中包含着所有与事件相关的信息。所有浏览器都支持event对象，但支持的方式不同。
比如鼠标操作时候，会添加鼠标位置的相关信息到事件对象中。
普通浏览器支持event
ie678支持window.event
兼容性写法：
var event = event || window.event;