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.onload=window.onscroll=window.onresize=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};
                             }

人生如戏,或实力或演技
原文地址:https://www.cnblogs.com/yang0902/p/5698577.html