本文主要包含JS获取/计算,页面元素,offset等相关知识,佚名 希望在学习及工作中可以帮助到您
问题
通过点击一控件，在控件的下面显示一个浮动层，通常的做法是：获取此控件的offset值，再计算出浮动层的top，left等css属性的值，赋值即可。
那么下面就看一下如何获取控件的offset值。
纯JS的实现
首先想到的是这样的一段js。
用IETester和FireFox再测试下，IE6+下都可以，如以前一样，写出的纯js的方法无情地被FireFox鄙视了，获取的值不正确。
网上再查了下，发现应该这样写，通过循环，层层向上计算，最后得到准确的offset值。
}</p>
<p>return left;
}
jQuery的实现
再细一步去查相关问题时发现jQuery中已经包含了实现此功能的函数：offset()，很好地兼容了各浏览器。
offset() 函数的计算 不包括margin值（但包含border值）