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这样的问题。