1.获取相对与document的偏移量
通过向上迭代offsetParent,可以计算出相对于document的偏移量，也就是相对与页面的偏移量。
此方法的问题:
1)对于使用表格和内嵌框架布局的页面，由于不同浏览器实现元素方式的差异，得到的结果就不精确了。
2)每次都需要一级一级向上查找offsetParent，效率太低。
2.获取相对与视口的偏移量(viewpoint)加上页面的滚动量(scroll)
此方法直接通过getBoundingClientRect()方法获得相对于视口的偏移量，加上页面的滚动量，减去clientTop，clientLeft (IE8及更低版本浏览器将(2,2)作为起点坐标，所以要将值减去起点坐标，其他浏览器都是已(0,0)作为起点坐标)。
getBoundingClientRect()方法支持IE,ff3+,safari4+,Orear9,5,Chrome.
3.兼容性写法
对于支持getBoundingClientRect()方法的浏览器使用getOffsetRect()方法，不支持的则使用getOffsetSum()方法。
以上所述就是本文的全部内容了，希望能够对大家学习javascript有是帮助。
下载本文