我很好奇window.outerWidth
和$(window).outerWidth()
之间有什么区别,如果有的话。
我在谷歌上没有找到太多关于这个问题的信息,所以我想向大众求助。这只是一个普遍性的问题,而不是一个具体的问题。
我很好奇window.outerWidth
和$(window).outerWidth()
之间有什么区别,如果有的话。
我在谷歌上没有找到太多关于这个问题的信息,所以我想向大众求助。这只是一个普遍性的问题,而不是一个具体的问题。
返回元素的宽度,包括左右填充、边框和可选的外边距,以像素为单位。
如果省略或设置为false,则计算中将包括填充和边框;如果为true,则还将包括外边距。
此方法不适用于window和document对象;对于它们,请使用.width()。
window.outerWidth获取浏览器窗口外部的宽度。 它代表整个浏览器窗口的宽度,包括侧栏(如果展开)、窗口Chrome和窗口调整大小的边框/手柄。
从jQuery文档(http://api.jquery.com/outerWidth/)中得知:
此方法不适用于window和document对象;对于这些对象,请使用.width()。
因此,您应该使用$(window).width(),它返回:
"浏览器视口的宽度" (没有窗口边框和其他东西)
window.outerWidth返回整个窗口的宽度(包括边框和其他东西)。
正如您可以在jQuery文档中阅读到的:
此方法不适用于窗口和文档对象;对于这些对象,请改用
.width()
。
虽然window.outerWidth
获取浏览器窗口外部的宽度,但当在选择window
的jQuery实例上调用jQuery的.width()
方法时,它确实返回浏览器视口的宽度。为了实现跨浏览器兼容性(但速度较慢),它调用了一堆子函数和钩子(请参见源代码)。
outerWidth
的具体细节:
jQuery 的实现 允许你选择是否在测量中包含 margin 。JavaScript 只获取数字。我无法确定它是否包括 margin。