如何获取主页里包含的iframe的top边距和left边距

Question

看html代码怎么写了。
试试看：
var obj = document.getElementById("iframe_id");
alert(obj.offsetTop);alert(obj.offsetLeft);
alert(obj.clientTop);alert(obj.clientLeft);
alert(obj.style.top);alert(obj.style.left);

Answer 1

function getAbsPos( oId, tl ) {
var o = ((typeof oId) == 'String') ? document.getElementById( oId ) : oId;
var val = 0;
while ( o.tagName.toLowerCase() != "body") {
val += (tl == 'top') ? parseInt( o.offsetTop ) : parseInt( o.offsetLeft );;
o = o.parentNode;
}
return val;
}var obj = document.getElementById("iframe_id");
alert(getAbsPos(obj, "left"));
alert(getAbsPos(obj, "top"));

Answer 2

<iframe id="ifm" width=200 height="200"></iframe><script type="text/javascript">
var w3c=(document.getElementById)? true:false;
var agt=navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var ie5=(w3c && ie)? true : false;
var ns6=(w3c && (navigator.appName=="Netscape"))? true: false;
var op8=(navigator.userAgent.toLowerCase().indexOf("opera")==-1)? false:true;function GetXYWH(o){
var nLt=0;
var nTp=0;
 var offsetParent = o;
 while (offsetParent!=null && offsetParent!=document.body) {
 nLt+=offsetParent.offsetLeft;
 nTp+=offsetParent.offsetTop;
 if(!ns6){
 parseInt(offsetParent.currentStyle.borderLeftWidth)>0?nLt+=parseInt(offsetParent.currentStyle.borderLeftWidth):"";
 parseInt(offsetParent.currentStyle.borderTopWidth)>0?nTp+=parseInt(offsetParent.currentStyle.borderTopWidth):"";
 }
 offsetParent=offsetParent.offsetParent;
 //alert(offsetParent.tagName);
 }
alert("ID:"+o.id+"\n\nL:"+nLt+" T:"+nTp+"\nW:"+o.offsetWidth+" H:"+o.offsetHeight);
}
function show()
{
var o=document.getElementById("ifm"); 
GetXYWH(o);
}   //调用方法
</script><a href="javascript:show()">显示IFrame信息</a>