document.documentElement.getBoundingClientRect 下面这是MSDN的解释： Syntax [quote]

[i]oRect[/i] = [i]object[/i][b].getBoundingClientRect([/b][b])[/b]

[/quote] Return Value [quote] Returns a[b]TextRectangle[/b] object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate of the rectangle, in pixels. [/quote] Remarks [quote] 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 (pixels) with respect to the true client. [/quote]   还是实际解释下，该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。也不好理解，下面用图说明下。 该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。   [img]http://files.jb51.net/upload/201011/20101125220619525.gif[/img]   [img]http://files.jb51.net/upload/201011/20101125220619816.gif[/img]   下面的代码举了个简单的例子，可以滚动滚动条之后点红色区域看各个值的变化。 有了这个方法，获取页面元素的位置就简单多了， var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft; var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;