js獲取DIV的位置座標的三種方法

2021-09-28 18:44:26 字數 2648 閱讀 1574

hello劉海

方法一:

var odiv=document.getelementbyidx_x_x('divid');

alert(odiv.getboundingclientrect().left);

alert(odiv.getboundingclientrect().top);

方法二:

function cpos(x, y)

function getobjpos(atarget)

returnpos;

}

var obj =  document.getelementbyidx_x_x('divid')

alert(getobjpos(obj)['x'])//x座標

alert(getobjpos(obj)['y'])//y座標

(1)和(2)這兩行**是什麼意思,不是很清楚。。。貌似刪除後可以的。

方法三:

function getelementpos(elementid)

var parent =null;

var pos = ;

var box;

if(el.getboundingclientrect)//ie

;

}

else

if(document.getboxobjectfor)// gecko

else// safari & opera

}

if(ua.indexof('opera') != -1|| (ua.indexof('safari') != -1&& el.style.position =='absolute'))

}

if(el.parentnode)

else

while(parent && parent.tagname !='body'&& parent.tagname !='html')

else

}

return;

}

var xd = getelementpos("divid");

alert(xd.x);

alert(xd.y);

注意:方法二和方法三中用到的offsetleft和offsettop屬性所指定的父元素,將在offsetparent

文章中做詳細的介紹。

JS 常用位置 和 尺寸 獲取 滑鼠的座標

innerwidth 文件顯示區域 寬 innerheight 文件顯示區域 高 outwidth 瀏覽器整個寬 outheight 瀏覽器整個高 screenx screenleft 瀏覽器裡螢幕左上角距離的x座標 screeny screentop 瀏覽器裡螢幕左上角距離的y座標 尺寸 elem...

JS獲取滑鼠的座標和滾動條的位置

1相對視窗,當然是以瀏覽器視窗為主了,即瀏覽器中可見部分 即包含文件部分 的左上角為座標原點。這是用clientx和clienty獲取的。2相對螢幕,當然是以你的顯示器為主了,顯示器的左上角為原點,用screenx和screeny可以獲取到 3相對文件的,即以文件body所顯示的左上角為原點,例如當...

android獲取當前位置的三種方式

1.gps定位 2.基站定位 此類位置的獲取有賴於手機無線通訊訊號,當手機處在訊號覆蓋範圍內,手機可以獲得該區域 即通訊術語中的 小區 的識別號。因為這些識別號是惟一的,因此可以將識別號和地理座標對應起來,因此根據識別號就可以知道地理位置。但是誤差比較大。在android當中,大部分和通訊網路相關的...