JS BOM screen子对象

window.screen 对象包含有关用户屏幕的信息

<div style="width:2000px;height:3000px;"></div>
console.log(window.screen);

获取整个屏幕的宽度和高度

var w = window.screen.width;
var h = window.screen.height;

浏览器的可用宽度和高度

var _w = window.screen.availWidth;#### avail可用的
var _h = window.screen.availHeight;#### avail可用的

获取浏览器的相关尺寸 三组尺寸很重要

获取浏览器可视区域的宽度和高度

var cw = document.documentElement.clientWidth;
var ch = document.documentElement.clientHeight;

获取文档的宽度和高度

var sW = document.documentElement.scrollWidth;
var sH = document.documentElement.scrollHeight;

获取窗口的滚动的宽度和高度

var sL = document.documentElement.scrollLeft;
var sT = document.documentElement.scrollTop;