1.  <!DOCTYPE HTML>
  2.  <html>
  3.      <head>
  4.      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.      <title>ll无标题文档</title>
  6.      <style>
  7.      div{padding:40px 50px;}
  8.          #div1{background:red;position:relative;}
  9.          #div2{background:green;position:relative;}
  10.          #div3{background:orange;position:relative;}
  11.      </style>
  12.       <script>
  13.       window.onload=function(){
  14.       var oDiv3=document.getElementById('div3');
  15.       //alert(oDiv3.offsetLeft);
  16.       /*var obj=oDiv3;
  17.       while(obj){
  18.          alert(obj.id+':'+obj.offsetTop);
  19.          var iTop=0;
  20.          iTop+=obj.offsetTop;
  21.          obj=obj.offsetParent;
  22.          alert(obj+':'+obj.id);
  23.  
  24.       }
  25.       alert(iTOP);*/
  26.       var p=getPos(oDiv3);
  27.       alert(p.top);
  28.       function getPos(obj){
  29.              var pos={left:, top:}
  30.              while(obj)
  31.              {
  32.                  pos.left+=obj.offsetLeft;
  33.                  pos.top+=obj.offsetTop;
  34.                  obj=obj.offsetParent;
  35.              }
  36.              return pos;
  37.          }
  38.  
  39.        };
  40.  
  41.       </script>
  42.  
  43.      </head>
  44.  
  45.  <body id="body1">
  46.      <div id="div1">
  47.          <div id="div2">
  48.              <div id="div3"></div>
  49.          </div>
  50.  
  51.      </div>
  52.  
  53.  </body>
  54.  </html>

offset获取位置的更多相关文章

  1. jquery offset positon 获取位置不准的解决方法

    问题: 本地开发时,由于使用了图片,而且使用了offset().top涉及到图片所在的div距离计算的部分,本地开发一切都没问题:但是部署到服务器上时却出现布局错乱,经过排查发现总是少了一个图片高度的 ...

  2. [android] 手机卫士手机实现短信指令获取位置

    获取位置  新建一个service的包 新建一个GPSService类继承系统的Service类 清单文件中注册一下 重写onCreate()方法,服务创建的时候回调 重写onDestroy()方法, ...

  3. html5获取位置信息,h5获取位置信息

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  4. Android获取位置信息的方法总结

    1.位置服务的简介:位置服务,英文翻译为Location-Based Services,缩写为LBS,又称为定位服务或基于位置的服务,融合了GPS定位.移动通信.导航等多种技术,提供与空间位置相关的综 ...

  5. IOS8解决获取位置坐标信息出错（Error Domain=kCLErrorDomain Code=0）(转)

    标题:IOS8解决获取位置坐标信息出错(Error Domain=kCLErrorDomain Code=0) 前几天解决了在ios8上无法使用地址位置服务的问题,最近在模拟器上调试发现获取位置坐标信 ...

  6. 调用微信JsAPI端获取位置

    public partial class test : BasePage { protected test() { AccessPage = PageWebType.WX; } protected s ...

  7. Android定位&地图&导航——基于百度地图移动获取位置和自动定位

    一.问题描述 使用百度地图实现如图所示应用,首先自动定位当前我起始位置(小圆点位置),并跟随移动不断自动定位我的当前位置 百度Api不同版本使用会有些差异,本例中加入lib如下: 二.编写MyAppl ...

  8. IOS8解决获取位置坐标信息出错（Error Domain=kCLErrorDomain Code=0）

    最近在模拟器上调试发现获取位置坐标信息的时候会报错,错误信息: didFailWithError: Error Domain=kCLErrorDomain Code=0 “The operation ...

  9. 运用百度开放平台接口根据ip地址获取位置

    使用百度开放平台接口根据ip地址获取位置 今天无意间发现在百度开放平台接口,就把一段代码拿了下来,有需要的可以试试看:http://opendata.baidu.com/api.php?query=5 ...

随机推荐

  1. icheck.min.js 选中效果

    遍历所有 checkbox 如果是选中的用 绿色 如果未选中用 灰色 //check控件属性 $('input').each(function() { var self = $(this); var ...

  2. LeetCode OJ 42. Trapping Rain Water

    Given n non-negative integers representing an elevation map where the width of each bar is 1, comput ...

  3. 12c 补丁架构 以及opatch 功能

    cd $ORACLE_HOME/ccr/bin ./emocmrsp oracle@qc550705:/oracle/app/oracle/product/12.1.0.2/db_1/ccr/bin& ...

  4. 感知哈希算法的java实现

    一.原理讲解      实现这种功能的关键技术叫做"感知哈希算法"(Perceptual Hash Algorithm), 意思是为图片生成一个指纹(字符串格式), 两张图片的指纹 ...

  5. nfs服务器的建立

    NFS服务器的配置 一.NFS服务器端的配置,即共享发布者 (一)需启动的服务和需安装的软件 1.NFS服务器必须启动两个daemons服务:rpc.nfsd和rpc.mountd   rpc.nfs ...

  6. mvc Controller类介绍

    1.Controller类 i.Controller必须为公开类: ii.必须以Controller结尾: iii.继承Controller基类或实现IController接口的类: iv.类中必须包 ...

  7. mvc 母版页、用户自定义控件

    母版页(Master) 1.母版页是与Controller无关的,母版页只是一个View文件,而没有任何Controller与之相对应. 2.其实在ASP.NET MVC中View的aspx与母版页并 ...

  8. LeetCode OJ 66. Plus One

    Given a non-negative number represented as an array of digits, plus one to the number. The digits ar ...

  9. ECOS高可用集群

    此架构由8台PC .2台防火墙.2台24口三层交换机组成, 注意点: 1)Load Balance:Haprxoy+keepalived 实现高可用. 2)web:Nginx+php-fpm 3)DB ...

  10. JSP内置对象--response对象 (addCookie(),setHeader(),sendRedirect())

    服务器接收客户端请求:request 服务器对客户端的回应:response javax.servlet.http的接口HttpServletResponse extends ServletRespo ...