我电脑屏幕分辨率：1440 * 900
最大化浏览器,刷新浏览器
alert($(window).width() + "---" + $(window).height()); 1423---768
alert($(document).width() + "---" + $(document).height()); 2008---2216
alert($("body").width() + "---" + $("body").height()); 2000---2200
缩小浏览器，刷新页面
alert($(window).width() + "---" + $(window).height()); 变小
alert($(document).width() + "---" + $(document).height()); 不变
alert($("body").width() + "---" + $("body").height()); 不变
由此可看出浏览器窗体模型:
window： 浏览器部件，浏览器显示网页的容器，缩放浏览器，window随之缩放。
document：整个网页文档流，不受浏览器窗口大小的影响
body：document下的属性，比document略小。
附图：
