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

    人生如戏,或实力或演技
  • 相关阅读:
    [Hadoop in China 2011] 海狗不是狗 探秘支付宝准实时搜索查询
    [Hadoop in China 2011] 邵铮:揭秘FaceBook Puma演变及发展
    MongoDB学习笔记(一) MongoDB介绍及安装
    [Hadoop in China 2011] 人人网:基于Hadoop的SNS统计和聚类推荐
    运行中hadoop增加和删除datanode (*)
    第三届云计算大会 罗志国:中国移动大云的研发和实践(转载)
    [Hadoop in China 2011] 何鹏:Hadoop在海量网页搜索中应用分析
    Run hadoop example
    MongoDB学习笔记(三) 在MVC模式下通过Jqgrid表格操作MongoDB数据
    [Hadoop in China 2011] 蒋建平:探秘基于Hadoop的华为共有云
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698577.html
Copyright © 2011-2022 走看看