Javascript / jQuery outerHeight()

$('#idOfLememt').outerHeight(); 所有浏览器产生相同的结果? IE7的任何不同之处?

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

大多数时候你可以依靠jQuery来做这件事并在浏览器中给你一致的结果,这是其中一个主要原因。

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

像SLaks说它应该工作正常。

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

它应该工作正常。 (除非你有其他布局问题)