offset家族

offset家族
   offsetWidth/offsetHeight
   offsetLeft/offsetTop
   offsetParent
event对象: 1 封装了与事件相关的信息
           2 var event = event || window.event 
           3 常见的属性 
              pageX/pageY  以文档为参考点 
              clientX/clientY  以可视区域为参考点

              screenX/screenY 以屏幕为参考点 

1 html结构的访问
  title  body  head  html


   document.title -------文档的标题
   document.body  -------文档的body元素
   document.head  -------文档的head元素
   document.documentElement ------文档的html元素 

2 scroll家族
    scroll 滚动
   * scrollTop和scrollLeft   
     
    scrollTop 被卷去的头部，滚轮在滑动的时候，网页在上方被
 隐藏的部分
    如何得到scrollTop值，需要学习一个事件 
          onscroll 窗口滚动事件
     window.onscroll = function() {
         
     }


    对于谷歌浏览器和没有声明DTD  
             document.body.scrollTop
    FF和其他浏览器 
             document.documentElement.scrollTop
   ie9+ 或最新浏览器 认识
            window.pageXOffset winow.pageYOffset 
 自己封装一个函数(单独放在一个js文件)，实现scrollTop