jsAPI（4）

1.this的指向问题

（1）普通函数，this指向window
（2）对象函数，this指向当前对象
（3）构造函数，this指向实例化对象
（4）事件函数，this指向事件源
（5）定时器函数，this指向window

2.this指向实例化对象（解释）

（1）.new会在内存中创建一个新的空对象
（2）.new会让this指向这个新的对象
（3）.执行构造函数里面的代码 目的：给这个新对象加属性和方法
（4）.new会返回这个新对象（所以构造函数里面不需要return）

3.offset系列（子元素）

（1）offsetHeight：获取元素的高度 本身高度+border+padding 【margin不算】
（2）offsetWidth：获取元素的宽度 本身宽度+border+padding 【margin不算】
（3）offsetLeft：获取元素距离最左边的距离：{子元素的margin}
如果父元素没有定位，距离浏览器最左侧的距离
如果父元素有定位，距离父元素最左侧的距离【不算border】
（4）offsetTop:获取元素距离最上边的距离:{子元素的margin}
如果父元素没有定位，距离浏览器最上侧的距离
如果父元素有定位，距离父元素最上侧的距离【不算border】

4.client系列（本身）【用的多】

（1）clientHeight：本身高度+上下padding
（2）clientWidth：本身宽度+左右padding
（3）clientLeft：左边框宽度
（4）clientTop：上边框距离

5.scroll系列

（1）scrollHeight：本身高度+卷去的距离
（2）scrollWidth：本身宽度+卷去的距离
（3）scrollLeft：滚动条卷去的宽度（滚动事件触发 可以设置）
（4）scrollTop：滚动条卷去的高度（滚动事件触发 可以设置）