html控件位于网页中心,div html 控件绝对定位的方法

绝对位置定位是在写Html中经常会考虑到的问题,网上也有不少范例,以下的脚本是我根据网上先人和总结下的结果,可用于页面表头为

的网页,方便可以随时定位div到指定id的控件,以下是脚本内容。

//DIV定位函数

function getAbsolutePosition(obj)

{

position = new Object();

position.x = 0;

position.y = 0;

var tempobj = obj;

while(tempobj!=null && tempobj!=document.body)

{

if(window.navigator.userAgent.indexOf("MSIE")!=-1)

{

position.x += tempobj.offsetLeft+10;

position.y += tempobj.offsetTop+15;

}

else if(window.navigator.userAgent.indexOf("Firefox")!=-1)

{

position.x += tempobj.offsetLeft;

position.y += tempobj.offsetTop;

}

tempobj = tempobj.offsetParent

}

return position;

}

可用于IE和Firefox浏览器获取绝对位置。然后设置div或者其他控件的位置于该控件上.

function SetnPos()

{

var pos=getAbsolutePosition(document.getElementByIdx("txt_box"));

document.getElementByIdx("dv_div").style.left=pos.x+"px";

document.getElementByIdx("dv_dvab").style.top=pos.y+"px";

}

注意:

1.被定位的层必须是style="position:absolute"

2.如果在.net 2.0 母子版面的页面设计中,必须将函数放于masterpage中,放在子页面定位将会定位错误,因为子页面获取不到全部的页面.

本文出自：亿恩科技【www.enkj.com】