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

    人生如戏,或实力或演技
  • 相关阅读:
    MVC简介
    Scrapy中的item是什么
    Git删除文件操作
    vi编辑文件出现Can't open file for writing错误
    CentOs安装Scrapy出现error: Setup script exited with error: command ‘gcc’ failed with exit status 1错误解决方案
    Python脚本运行出现语法错误:IndentationError: unindent does not match any outer indentation level
    激活MyEclipse 6.5方法-通过一段Java程序生成激活码
    oninput,onpropertychange,onchange的用法和区别【转载】
    Myeclipse6.5项目启动时由于数据库连接失败的错误日志
    IE和Firefox的Javascript兼容性总结
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698577.html
Copyright © 2011-2022 走看看