offsetwidth详解,offsetHeight
offsetTop、offsetLeft
Obj.offsetTop是指Obj相对于布局或offsetParent属性指定的父坐标的计算高位、整数、单位像素。具体算法参见offsetTop和offsetLeft算法。Obj.offsetLeft是指Obj相对于布局或offsetParent属性指定的父坐标计算的左位置、整数和单位像素。
偏宽度、偏高度
Obj.offsetWidth是指Obj控件本身的绝对宽度,不包括因溢出而未显示的部分,即其实际占用的宽度、整数和单位像素。具体算法参见offsetWidth和offsetHeight算法。Obj.offsetHeight是指Obj控件本身的绝对高度,不包括因溢出而未显示的部分,即其实际占用的高度、整数和单位像素。
我们来解释一下前面提到的offsetParent。
OffsetParent获取定义该对象的offsetTop和offsetLeft属性的容器对象的引用。OffsetTop和offsetParent非常复杂,不同的浏览器有不同的解读。当位置发生变化时,解释是不同的,所以我们一般只需要明白,控件在浏览器中的绝对位置可以通过两者获得。具体算法见offsetParent算法。
上述属性在FireFox中也有效。
另外:我们这里说的是指HTML控件的属性值,不是指document.body,document.body的值在不同的浏览器中有不同的解释(其实大部分环境都是由document.body的不同解释引起的,而不是offset)。单击此处查看不同之处。