获取浏览器窗口及文档的高度与宽度

通过jQuery，我们可以轻松获取浏览器窗口及其文档的各种尺寸信息，这对于响应式设计和动态布局调整非常有用。以下是一些常用的获取方法：

• alert($(window).height()); // 获取浏览器当前窗口可视区域的高度
• alert($(document).height()); // 获取浏览器当前窗口文档的总高度
• alert($(document.body).height()); // 获取浏览器当前窗口文档主体部分的高度
• alert($(document.body).outerHeight(true)); // 获取浏览器当前窗口文档主体部分的总高度，包括边框、内边距和外边距
• alert($(window).width()); // 获取浏览器当前窗口可视区域的宽度
• alert($(document).width()); // 获取浏览器当前窗口文档对象的宽度
• alert($(document.body).width()); // 获取浏览器当前窗口文档主体部分的宽度
• alert($(document.body).outerWidth(true)); // 获取浏览器当前窗口文档主体部分的总宽度，包括边框、内边距和外边距
• jQuery(document.documentElement).height(); // 获取浏览器窗口的高度（适用于跨浏览器兼容性）

这些代码片段可以帮助开发者更好地理解并控制网页在不同设备上的显示效果。