怎样理解window对象的几组位置大小属性

第一组: window.screenX 和 window.screenY, 只读, 返回浏览器窗口左上角与屏幕左上角的水平距离和垂直距离(单位像素);

 

第二组: window.innerHeight 和 window.innerWidth, 只读, 返回视口的宽高.

 

第三组: window.outerHeight 和 window.outerWidth, 只读, 返回浏览器窗口宽高. 

 

第四组: window.scrollX 和 window.scrollY, 只读, 返回水平滚动距离和垂直滚动距离, 以顶部和左边作为0点累积单位像素;

 

第五组: window.pageXoffet 和 window.pageYoffset, 这是 window.scrollX 和 window.scrollY的别名;