获得元素距离带有定位父元素的位置

获得元素自身的大小(宽度高度)

注意：放回的数值都不带单位

offset系列常用属性

offset系列属性作用
element.offsetParent   返回作为该元素带有定位的父级元素，如果父级都没有定位则返回body  
element.offsetTop   返回元素相对带有定位父元素上分的偏移  
element.offsetLeft   返回元素相对带有定位父元素左边框的偏移  
element.offsetWidth   返回自身包括padding、边框、内容区的宽度，返回数组不带单位  
element.offsetHeight   返回自身包括padding、边框、内容区的高度，返回数组不带单位  

offsetTop和offsetLeft如果父亲没有定位，则以body为准，如果父亲有定位，则以父亲为准

offset与style区别

offset:

offset可以得到任意样式表中的样式值

offset系列获得的数值是没有单位的

offsetWidth包含padding+border+width

offsetWidth等属性是只读属性，只能获取不能赋值

所以，，我们想要获取元素大小位置，用offset更合适

style

style只能得到行内样式表中的样式值(写在标签里面的CSS)

style.width获取的是带有单位的字符串

style.width获得不包含padding和border的值

style.width是可读写属性，可以获取也可以赋值

所以,我们想要 给元素更改值，则需要用style改变

元素可视区client系列

client翻译过来就是客户端，我们使用client系列的相关变量属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等

client系列常用属性

client系列属性作用
element.clientTop   返回元素上边框的大小  
element.clientLeft   返回元素左边框的大小  
element.clientWidth   返回自身包括padding、内容区的宽度，不含边框，返回数值不带单位  
element.clientHeight   返回自身包括padding，内容区的高度，不含边框，返回数组不带单位  

立即执行函数：不需要调用，立马能够自己执行的函数

1.语法规范 也可以传递参数进来

(function () {}) () 或者 (function(){}());

2.示例代码

+ (function(a,b){ + console.log(2) + var num = 10; // 局部变量 + console.log(a+b) //输出1 + })(1,2) //第二个小括号可以看做是调用函数

如果有多个立即执行函数 必须用分号隔开

3.立即执行函数最大的作用就是独立创建了一个作用域，里面的所有变量都是局部变量，不会有命名冲突的情况

下面三种情况都会刷新页面都会触发load事件(了解)

1.a标签的超链接

2.F5或者刷新按钮(强制刷新)

3.前进后退按钮

但是火狐中，有个特点，有个"往返缓存"，这个缓存中不仅保存着页面数据，还保存了DOM和JS的状态；实际上是将整个页面都保存在了内存里

所以此时后退 按钮不能刷新页面

此时可以使用pageshow事件来触发，这个事件在页面显示时触发，无论页面是否来自缓存，在重新加载页面中，pageshow会在load事件触发后触发；根据事件对象中的persisted来判断是否是缓存中的页面触发的pageshow事件，注意这个事件给window添加

元素滚动scroll系列

scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等

scroll系列常用属性