如何用jQuery获取浏览器窗口的高度和宽度 - Web前端

最近做了很多响应式的项目，经常会遇到遇到高度也要自适应屏幕，这样就要求我们数据JQuery获取浏览器窗口的高度和宽度的相关知识。现在就列举常用的“使用jQuery获取浏览器窗口的高度和宽度”的方法，且了解且收藏吧，具体如下：

<scripttype="text/javascript">
$(document).ready(function()
{
  alert($(window).height()); //浏览器时下窗口可视区域高度
  alert($(document).height());  //浏览器时下窗口文档的高度
  alert($(document.body).height()); //浏览器时下窗口文档body的高度
  alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度包括border padding margin
  alert($(window).width());  //浏览器时下窗口可视区域宽度
  alert($(document).width()); //浏览器时下窗口文档对于象宽度
  alert($(document.body).width()); //浏览器时下窗口文档body的高度
  alert($(document.body).outerWidth(true)); //浏览器时下窗口文档body的总宽度包括border padding margin
}
)
</script>