JavaScript中获取屏幕，窗口和网页大小

1、获取屏幕大小

// 获取屏幕宽度
var screenWidth = window.screen.width;
 
// 获取屏幕高度
var screenHeight = window.screen.height;
 
// 获取屏幕可用工作区宽度（不包括任务栏等）
var screenAvailableWidth = window.screen.availWidth;
 
// 获取屏幕可用工作区高度（不包括任务栏等）
var screenAvailableHeight = window.screen.availHeight;

2、获取窗口大小

// 获取窗口宽度
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
 
// 获取窗口高度
var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
 

3、获取网页大小

// 获取整个网页的宽度（包括滚动条）
var pageWidth = Math.max(
  document.body.scrollWidth,
  document.documentElement.scrollWidth,
  document.body.offsetWidth,
  document.documentElement.offsetWidth,
  document.documentElement.clientWidth
);
 
// 获取整个网页的高度（包括滚动条）
var pageHeight = Math.max(
  document.body.scrollHeight,
  document.documentElement.scrollHeight,
  document.body.offsetHeight,
  document.documentElement.offsetHeight,
  document.documentElement.clientHeight
);
 
// 获取网页可见区域的宽度
var pageVisibleWidth = document.documentElement.clientWidth;
 
// 获取网页可见区域的高度
var pageVisibleHeight = document.documentElement.clientHeight;