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)：  浏览器显示网页内容的部分

$(document):整个网页文档流

$("body"):就是body，嘿嘿