### 用jQuery监听浏览器窗口的变化
//当浏览器大小变化时
~~~
$(window).resize(function () {
});
~~~
//浏览器时下窗口可视区域高度
` alert($(window).height()); `
//浏览器时下窗口文档的高度
` alert($(document).height()); `
alert($(document.body).height()); //浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin
$('.div').html($(window).width());
// alert($(window).width()); //浏览器时下窗口可视区域宽度
// alert($(window).height()); //浏览器时下窗口可视区域高度
// alert($(document).height()); //浏览器时下窗口文档的高度
// alert($(document.body).height());//浏览器时下窗口文档body的高度
// alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
//
// alert($(document).width());//浏览器时下窗口文档对于象宽度
// alert($(document.body).width());//浏览器时下窗口文档body的高度
// alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
