首页 > 代码库 > jQuery下 $(window)和$(document)的width、height方法值得区别

jQuery下 $(window)和$(document)的width、height方法值得区别

在没有垂直滚动条的时候 $(window)和$(document) 的宽高一致
在有垂直滚动条的时候 $(window)和$(document) 的宽度一致 window的高度为可视区域的高度,document为整个html文档的高度(包含margin padding border就是总的)

在没有水平滚动条的时候 $(window)和$(document) 的宽高一致
在有水平滚动条的时候 $(window)和$(document) 的高度一致
window的宽度为可视区域的宽度,document 为整个html文档的宽度(包含margin padding border就是总的)

总结:
1. 在垂直和水平滚动条都没有的情况下 $(window).width()与$(document).width()一致,$(window).height()与$(document).height()一致
2. 在垂直和水平滚动条同时存在或者存在一个的时候,window的宽或高总为可视区域的宽或高(不包括滚动条的宽高),而document文档的总为页面文档实际的宽或高(包含超出可视区域)

jQuery下 $(window)和$(document)的width、height方法值得区别