获取元素在文档中的位置

视口、窗口，文档，屏幕座标，窗口座标，逻辑座标。这些概念是我在学习《windows程序设计》时接触到的。在学习js/jquery/css时也会遇到类似概念。感觉有点混乱，自己去理解好了，程序里能运行就是正确的。

首先“文档”是什么？我认为文档就是窗口中的内容。如果文档的尺寸超过窗口尺寸，那么窗口就可以显示滚动条。我想获取文档中某处元素(domx)到文档开头(dom0)的距离。可以使用以下方法：

方法1：domx.offsetTop

方法2：$(domx).offset().top - $(dom0).offset().top

方法3：$(domx).position().top - $(dom0).position().top

方法4：domx.getBoundingClientRect().top - domx.getBoundingClientRect().top

两个js方法，两个jquery方法