JavaScript获取网页元素的绝对坐标

来源：飒榕旅游知识分享网

<html>

var curleft = 0;if (obj.offsetParent) { //返回父类元素，大多说offsetParent返回body

while (obj.offsetParent) {//遍历所有父类元素 curleft += obj.offsetLeft;//当前元素的左边距 obj = obj.offsetParent; }

} else if (obj.x) curleft += obj.x; return curleft; }

function findPosY(obj) {

var curtop = 0;if (obj.offsetParent) { while (obj.offsetParent) { curtop += obj.offsetTop; obj = obj.offsetParent; }

} else if (obj.y) curtop += obj.y; return curtop;

}

function getPos(){ return

{x:findPosX(document.getElementById(\"p36table\")),y:findPosY(document.getElementById(\"p36table\"))}; }

function showPos(){ var pos = getPos();

alert(\"x==\"+pos.x+\"y==\"+pos.y);} </script>

<td onClick=\"javascript:showPos();\">测试获得坐标

</td> </tr> </table>

</div> </html> 附注：方法1：

function getAbsPoint(e) {

var x = e.offsetLeft, while(e=e.offsetParent) {

x += e.offsetLeft; y += e.offsetTop; }

alert(\"x:\"+x+\

y = e.offsetTop; } 方法2：

function getAbsPoint(obj) {

var x,y;

orect = obj.getBoundingClientRect(); x=oRect.left y=oRect.top alert(\"(\"+x+\ }

JS中获得窗口属性的方法 1。获得屏幕的分辨率： screen.width

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

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

document.body.offsetWidth document.body.offsetHeight

上一篇: JavaScript实现不间断连续滚动图片展示效果下一篇: javascript(获取或设置html元素的宽,高,坐标)

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: javascript