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

标签：window   pad   宽高   border   存在   query   包含   order   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方法值得区别

标签：window   pad   宽高   border   存在   query   包含   order   height   

原文地址：http://www.cnblogs.com/nonsec/p/6214398.html