得到html元素坐标

来源:互联网 发布:李泽鹏网络剧 编辑:程序博客网 时间:2024/05/21 07:55
方法1:当前绝对位置为该对象和父对象的偏移坐标的累加。
 function    getAbsPoint(e)   
 {   
      var    x    =    e.offsetLeft,    y    =    e.offsetTop;   
      while(e=e.offsetParent) 
      { 
         x    +=    e.offsetLeft;   
         y    +=    e.offsetTop;
      } 
      alert("x:"+x+","+"y:"+y);   
 }  


 方法2:将目标独立出来去坐标。
    function    getAbsPoint(obj)   
    {   
       var    x,y;   
       oRect    =    obj.getBoundingClientRect();   
      x=oRect.left   
      y=oRect.top   
      alert("("+x+","+y+")")   
    }  


使用getBoundingClientRect()得到的element作标在一个普通页面中是正常的。但是如果包含在一个左右布局的frame中,会有x轴上的偏移。包含在一个上下布局大frame中,会有y轴上的偏移,而且偏移不是+2就是-2。




JS中获得窗口属性的方法   
     
    1。获得屏幕的分辨率:   
    screen.width   
    screen.height   
     
    2。获得窗口大小:   
    document.body.clientWidth   
    document.body.clientHeight   
     
    3。获得窗口大小(包含Border、Scroll等元素)   
    document.body.offsetWidth   
    document.body.offsetHeigh
0 0
原创粉丝点击