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};
                                 }

    人生如戏,或实力或演技
  • 相关阅读:
    etcd数据单机部署
    PostgreSQL INSERT ON CONFLICT不存在则插入,存在则更新
    ERROR 1709 (HY000): Index column size too large. The maximum column size is 767 bytes.
    Hbase 0.92.1集群数据迁移到新集群
    PostgreSQL创建只读账户
    Kafka技术内幕 读书笔记之(六) 存储层——服务端处理读写请求、分区与副本
    Kafka技术内幕 读书笔记之(六) 存储层——日志的读写
    Kafka技术内幕 读书笔记之(五) 协调者——消费组状态机
    Kafka技术内幕 读书笔记之(五) 协调者——延迟的加入组操作
    Kafka技术内幕 读书笔记之(五) 协调者——协调者处理请求
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698577.html
Copyright © 2011-2022 走看看