它返回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口（viewport）左上角的距离。
所以，网页元素的相对位置就是
var x= this.getboundingclientrect().left;
var y =this.getboundingclientrect().top;
再加上滚动距离，就可以得到绝对位置
var x= this.getboundingclientrect().left+document.documentelement.scrollleft;
var y =this.getboundingclientrect().top+document.documentelement.scrolltop;
目前，ie、firefox 3.0+、opera 9.5+都支持该方法，而firefox 2.x、safari、chrome、konqueror不支持。