如何得到一个元素在网页上的精确位置？在线结贴！

function GetDefineX(ObjectID)
{
var iPositionX=ObjectID.offsetLeft;
while(ObjectID=ObjectID.offsetParent)
{
iPositionX+=ObjectID.offsetLeft;
}
return iPositionX;
}
function GetDefineY(ObjectID)
{
var iPositionY=ObjectID.offsetTop;
while(ObjectID=ObjectID.offsetParent)
{
    iPositionY+=ObjectID.offsetTop;
}
return iPositionY;
}

解决方案 »

  1.   

    <body><script>
    var strInfo="";
    strInfo+="\r\n网页可见区域宽:"+document.body.clientWidth;
    strInfo+="\r\n网页可见区域高:"+document.body.clientHeight;
    strInfo+="\r\n网页可见区域宽:"+document.body.offsetWidth+"(包括边线的宽)";
    strInfo+="\r\n网页可见区域高:"+document.body.offsetHeight+"(包括边线的宽)";
    strInfo+="\r\n网页正文全文宽:"+document.body.scrollWidth;
    strInfo+="\r\n网页正文全文高:"+document.body.scrollHeight;
    strInfo+="\r\n网页被卷去的高:"+document.body.scrollTop;
    strInfo+="\r\n网页被卷去的左:"+document.body.scrollLeft;
    strInfo+="\r\n网页正文部分上:"+window.screenTop;
    strInfo+="\r\n网页正文部分左:"+window.screenLeft;
    strInfo+="\r\n屏幕分辨率的高:"+window.screen.height;
    strInfo+="\r\n屏幕分辨率的宽:"+window.screen.width;
    strInfo+="\r\n屏幕可用工作区高度:"+window.screen.availHeight;
    strInfo+="\r\n屏幕可用工作区宽度:"+window.screen.availWidth;
    window.confirm(strInfo);
    </script>
      

  2.   

    function getPos(cell)
    {
    var pos = new Array();
    var t=cell.offsetTop;
    var l=cell.offsetLeft;
    while(cell=cell.offsetParent)
    {
    t+=cell.offsetTop;
    l+=cell.offsetLeft;
    }
    pos[0] = t;
    pos[1] = l;
    return pos;
    }top：getPos(buttonObject)[0]
    left：getPos(buttonObject)[1]