Javascript / jQuery outerHeight（）

Question

$('#idOfLememt').outerHeight();是否会为所有浏览器产生相同的结果？ IE7有什么不同的东西吗？

Answer 1

只需使用您要测试的不同浏览器转到http://api.jquery.com/outerHeight/并亲自查看（在Mac OS X上，因此无法为您检查IE）。看起来演示中的DOM具有所有可能影响包含的样式。

大部分时间你可以依靠jQuery来做这件事并在浏览器中为你提供一致的结果，这毕竟是其中一个主要原因。

编辑：当然，如果浏览器与其他内容混淆，情况就不是这样了，例如，如果你的容器不是固定的高度，IE会因为某种原因在容器内呈现不同高度的东西，那么结果会有所不同。但是，您可以保证始终获得与屏幕上使用的像素数量相同的结果。

Answer 2

就像SLaks说它应该可以正常工作。

如果你没有在CSS中明确设置边距和填充，可能会遇到一个垮台。 outerHeight（）将始终包含填充和边框，如果includeMargin为true，则它还将包含边距。浏览器中有一些填充/边距差异...嗯...... IE ...除非你明确设置了相关元素的边框，填充和边距，否则你可能得到不同的计算。

Answer 3

应该可以正常工作。 （除非您有其他布局问题）