window.outerWidth VS $（window）.outerWidth（）

Question

我只是好奇window.outerWidth和$(window).outerWidth()之間的區別是什麼，如果有的話。

我真的無法在Google上找到關於此的更多信息，所以我想我會吸引羣衆。這只是一個普遍問題，而不是一個具體問題。

Answer 1

Jquery's outerWidth：

返回元件的寬度，與左右填充， 邊界，並且任選地餘量，以像素爲單位沿。

如果includeMargin被忽略或爲false，則填充和邊框爲 ，包含在計算中;如果屬實，則保證金也包括在內。

此方法不適用於窗口和文檔對象;對於 這些，請使用.width（）代替。

window.outerWidth：

window.outerWidth獲取的瀏覽器窗口的外側的寬度。 它表示整個瀏覽器窗口的寬度，包括邊欄 （如果展開），窗口鑲邊和窗口大小邊框/句柄。

Answer 2

正如你在讀the jQuery docs：

這種方法並不適用於窗口和文檔對象;對於這些，請改爲使用.width()。

雖然window.outerWidth獲取瀏覽器窗口外的寬度，在window - 選擇jQuery的實例調用時jQuery的.width()方法並返回瀏覽器窗口的寬度。爲此，它會調用一系列子函數和鉤子（請參閱source code）以實現跨瀏覽器兼容（但速度較慢）。

Answer 3

從jQuery文檔（http://api.jquery.com/outerWidth/）：

這種方法並不適用於窗口和文檔對象;對於這些，請使用.width（）來代替。

所以，你應該用$（窗口）.WIDTH（），它返回：

「瀏覽器窗口的寬度」 （所以沒有窗口邊框和其他的東西）

窗口。outerWidth回報整個窗口的寬度（帶邊框和其他的東西）

Answer 4

至於outerWidth細節： jQuery's implementation讓你選擇，如果你想包括在測量或不保證金。 Javascript只是得到了號碼。我不知道它是否包含保證金。

jQuery只是一堆花哨的JavaScript。實際上，你可以實現jQuery自己只使用JavaScript的任何東西（我鼓勵你這麼做）！我鼓勵你閱讀像this one這樣的問題。