JavaScript --------WebS APIs学习之网页特效（元素可视区client系列 && 滚动scroll系列）

元素可视区client系列

client（客户端），使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小，元素大小。

                 

立即执行函数

          不需要调用，可以立即执行

写法1（function（ ）{ }）  写法2 （function（ ）{ }（ ））

主要作用：创建一个独立的作用域 ，里面的变量是局部变量，不会有命名冲突。

dpr 物理像素比 

var dpr = window.devicePixeRatio ||　１ // 语句意思为：devicePixeRatio 先获取浏览器的物理像素比 ，移动端的为2 PC端为1 ，若获取不到，则用1 。

load事件被触发 三种情况：1.a标签的超链接 2. F5或者刷新按钮（强制刷新） 3.前进后退

问题：在火狐浏览器中后退不能刷新页面。

pageshow事件 ： 这个时间显示时触发，无论页面是否来自缓存，在重新加载页面中，pageshow会在load事件触发后触发

滚动scroll系列

            scroll（滚动的），使用scroll系列的相关属性可以动态的得到该元素的大小，滚动距离等

                          

页面被卷去的头部： 浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，称为页面被卷去的头部，滚动条在滚动时会触发onscroll事件

页面被卷去的头部兼容性解决方案：

1.声明了DTD，使用document.documentElement.scrollTop 

2.未声明DTD，使用document.body.scrollTop 

3.新方法：window.pageYOffset 和 window.pageYOffset ,IE9开始使用 （重点）