我電腦屏幕分辨率：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略小。
附圖：
