DOM,BOM知识

地址栏信息:
                  window.location:
                               window.location.href="http://www.baidu.com"//打开一个页面
                               window.location.search :获取地址栏问号后面的东西;
                               window.location.port:端口号;
                               window.location.hash:获取#号后面的东西;
窗口信息:
                       滚动条:window.onscroll
                       浏览器窗口缩放:window.onresize
                       可视区的高度:document.documentElement.clientHeight
                       可视区宽度:document.documentElement.clientWidth;
右下角广告:
                        if(window.navigator.userAgent.indexOf('MSIE 6.0')!=-1){
                               window.οnlοad=window.οnscrοll=window.οnresize=function(){
                                       var oBox=document.getElementById("box");
                                       var oScrollTop=document.documentElement.scrollTop||document.body.scrollTop;
                                         var clientH=document.documentElement.clientHeight;
                                       var objH=oBox.offsetHeight;
                                       var hei=oScrollTop+clientH-objH;
                                       oBox.style.top=hei+'px';
                                       }
                                   }

滚动条:
　　　　 document.body.scrollTop//兼容chrome;
　　　　document.documentElement.scrollTop;//兼容火狐和IE；不兼容chrome
　　　　 var oTop = document.documentElement.scrollTop || document.body.scrollTop;

物体本身的高度/宽度：
                                     getStyle              obj.offsetHeight/width
                   宽高        本来的宽高           盒子模型的宽高；
                   类型            string                              number
                   隐藏的     可以获取                 获取不到;
                   offsetHeight:物体的高度
                   offsetWidth: 物体的宽度;
                   obj.offsetLeft：物体到定位父级的左距离；
                   obj.offsetTop：物体到定位父级的上距离；
绝对距离：
                       getPos(obj){
                              var l = 0;
                              var t = 0;
                               while(obj){
                                    l+=obj.offsetLeft;
                                    t+=obj.offsetTop;
                                    obj = obj.offsetParent;
                                   }
                                return {left: l, top: t};
                             }