jquery获取屏幕的宽度/高度相关属性

如何利用jquery获取屏幕的各种宽度和高度，下面web建站小编给大家详细介绍一下具体实现代码！

获取屏幕宽度

$(document).ready(function(){
  console.log('浏览器当前窗口可视区域宽度：',$(window).width()); 
  console.log('浏览器当前窗口文档对象宽度：',$(document).width());
  console.log('浏览器当前窗口文档body的宽度：',$(document.body).width());
  console.log('浏览器当前窗口文档body的总宽度：',$(document.body).outerWidth(true));
})

获取屏幕高度

$(document).ready(function(){
  console.log('获取浏览器当前窗口可视区域高度：',$(window).height());
  console.log('获取浏览器当前窗口文档的高度：',$(document).height());
  console.log('获取浏览器当前窗口文档body的高度：',$(document.body).height());
  console.log('浏览器当前窗口文档body的总高度：',$(document.body).outerHeight(true));
})