zoukankan      html  css  js  c++  java
  • 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};
                                 }

    人生如戏,或实力或演技
  • 相关阅读:
    mysql性能优化之索引优化
    提高mysql千万级大数据SQL查询优化30条经验(Mysql索引优化注意)
    MySQL高级-索引优化
    MySQL性能调优——索引详解与索引的优化
    通过force index了解的MySQL查询的性能优化
    Mysql 日期型,索引查询的问题
    mysql按日期分组(group by)查询统计的时候,没有数据补0的解决办法。
    SQL中Group By的使用
    GROUP BY 与聚合函数 使用注意点
    MYSQL GROUP BY Optimization
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698577.html
Copyright © 2011-2022 走看看