博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JS获取坐标

Posted on 2015-07-27 09:26  SmarTom  阅读(1080)  评论(0编辑  收藏  举报



1.js获取对象的绝对坐标 方法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 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script>
        function getScreen(e) {
            var x = e.screenX - e.clientX;
            var y = e.screenY - e.clientY;
            alert("X坐标:" + x + ",Y坐标:" + y);
        }
    </script>
</head>
<body>
    <input type="button" onclick="getScreen(event)" value="测试" />
</body>
</html>