Javascript/jQuery outerHeight（）

Question

$('#idOfLememt').outerHeight();對所有瀏覽器都會產生相同的結果嗎？任何不同的IE7？

Answer 1

只需要去http://api.jquery.com/outerHeight/與你想測試的不同瀏覽器，併爲自己看看（在Mac OS X上，所以不能檢查你的IE）。它看起來像演示中的DOM具有所有可能的樣式，會影響到這一點。

大多數時間你可以依靠jQuery來做它的事情，併爲你提供跨瀏覽器的一致結果，這是畢竟是其中一個主要原因。

編輯：當然，如果瀏覽器弄髒了其他東西，例如，如果你的容器不是固定的高度，IE會在你的容器內以不同的高度渲染內容，結果會有所不同。但是，您幾乎可以保證始終獲得與屏幕上使用的像素數量相同的結果。

Answer 2

它應該很好。 （除非你有其他的佈局問題）

Answer 3

像SLaks說，它應該工作正常。

如果你沒有在你的CSS中明確地設置邊距和填充，你可能會遇到一個問題。 outerHeight（）將始終包含填充和邊框，如果includeMargin爲true，則它將包含邊距。在瀏覽器中存在一些填充/頁邊空白差異......嗯...... IE ......你可能會得到不同的計算結果，除非你明確地設置了元素的邊界，填充和邊距。