jQuery下 $(window)和$(document)的widthheight方法值得区别
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery下 $(window)和$(document)的widthheight方法值得区别相关的知识，希望对你有一定的参考价值。
在没有垂直滚动条的时候 $(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)的widthheight方法值得区别的主要内容，如果未能解决你的问题，请参考以下文章
jquery编程的标准写法和最佳实践（jquery代码规范）
jquery如何监听浏览器窗口大小并根据不同的大小输出不同的值