JQuery window、document、 body

我电脑屏幕分辨率：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略小。

附图：