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

    人生如戏,或实力或演技
  • 相关阅读:
    python+soket实现UDP协议的客户/服务端中文聊天程序
    如何实现PyQt5与QML响应彼此发送的信号?
    用 eric6 与 PyQt5 实现python的极速GUI编程(系列04)---- PyQt5自带教程:地址簿(address book)
    用 eric6 与 PyQt5 实现python的极速GUI编程(系列03)---- Drawing(绘图)(3)-- 画线
    用 eric6 与 PyQt5 实现python的极速GUI编程(系列03)---- Drawing(绘图)(2)-- 画点
    用 eric6 与 PyQt5 实现python的极速GUI编程(系列03)---- Drawing(绘图)(1)-- 绘写文字
    仿百度壁纸client(六)——完结篇之Gallery画廊实现壁纸预览已经项目细节优化
    软件概要设计说明书—模板
    Android--Handler的用法:在子线程中更新界面
    在PreferenceAcitity中使用Fragement时避免额外的Left和RightPadding
  • 原文地址:https://www.cnblogs.com/yang0902/p/5698577.html
Copyright © 2011-2022 走看看