当前位置: 澳门新濠3559 > 服务器运维 > 正文

下面这是MSDN的解释

时间:2019-12-26 07:51来源:服务器运维
Demo为了方便就直接用绝对定位的元素 澳门新濠3559,This method retrieves an object that exposes the left, top, right, andbottom coordinates of the union of rectangles relative to the client'supper-left corner. In Microsoft

Demo为了方便就直接用绝对定位的元素

澳门新濠3559,This method retrieves an object that exposes the left, top, right, and bottom coordinates of the union of rectangles relative to the client's upper-left corner. In Microsoft Internet Explorer 5, the window's upper-left is at 2,2 with respect to the true client.

还是实际解释下,该方法获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。也不好理解,下面用图说明下。

document.documentElement.getBoundingClientRect

下面这是MSDN的解释:

Syntax

有了这个方法,获取页面元素的位置就简单多了, var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft; var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;

Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate of the rectangle, in pixels.

oRect = object.getBoundingClientRect

Return Value

该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。

下面的代码举了个简单的例子,可以滚动滚动条之后点红色区域看各个值的变化。复制代码 代码如下:

Remarks

Demo

编辑:服务器运维 本文来源:下面这是MSDN的解释

关键词: