获取控件在网页中的绝对位置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>获取控件在网页中的绝对位置</title> </head> <body> <div>如果您没有看到按钮,请往下拉到滚动条。</div> <div style="height:1000px;border:1px solid #6666CC;"> </div> <input type="button" value="点我获取我的座标" οnclick="javascript:var pos = GetObjPos(this);alert('此按钮距页面左端 '+pos.x+' 像素,上端 '+pos.y+' 像素');" /> <script type="text/javascript" language="javascript"> function CPos(x, y) { this.x = x; this.y = y; } function GetObjPos(ATarget) { var target = ATarget; var pos = new CPos(target.offsetLeft, target.offsetTop); var target = target.offsetParent; while (target) { pos.x += target.offsetLeft; pos.y += target.offsetTop; target = target.offsetParent } return pos; } </script> </body> </html>