html元素位置,获取对象的绝对坐标

最新推荐文章于 2022-01-17 16:30:36 发布

转载最新推荐文章于 2022-01-17 16:30:36 发布 · 736 阅读

文章标签：

#html #function #scroll #border

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文提供了两种获取元素绝对位置的方法，并介绍了如何使用JavaScript获取浏览器窗口的尺寸及屏幕分辨率。适用于前端开发者快速上手。

方法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+")")
   }
JS中获得窗口属性的方法

   1。获得屏幕的分辨率：
   screen.width
   screen.height

   2。获得窗口大小：
   document.body.clientWidth
   document.body.clientHeight

   3。获得窗口大小（包含Border、Scroll等元素）
   document.body.offsetWidth
   document.body.offsetHeight