window对象中与窗口、浏览器大小相关属性

一，概述

 JavaScript中全局变量自动变成window对象的属性，同时，window对象本身自带很多属性，本文是对window对象中描述大写的一些属性的学习笔记。

二，window.screenX,windowScreenY

 这两个属性用于描述浏览器左上角相对于屏幕左上角的水平，垂直偏移，所以全屏时应当是这两个值应当都是0，eg:

全屏时

 屏幕拖动时，输出相应偏移，eg:

拖动后

三，innerWidth,innerHeight

 这两个属性为页面视口宽高（注意不是浏览器的，是网页的），所以全屏时宽度一般与分辨率宽度一致，高度则不同，eg:

innerWidth,innerHeight

四,outerWidth,outerHeight

 这两个属性是获得浏览器宽高的，全屏时一般等于屏幕分辨率，eg:

image.png

五，pageXOffset,pageYOffset

 这两个属性是描述横、纵轴滚动的，浏览器中常发生的行为为垂直滚动，所以pageXOffset常为0;

六，window.screen.width,window.screen.height

 以上为window.screen对象中的两个属性，描述屏幕大小，即分辨率。eg:

image.png

七，window.screen.availWidth,window.screen.availHeight

 以上两个属性为window.screen对象中描述屏幕可用宽高的属性，eg:

screen.availWidth screen.availHeight