一、可视区域窗口大小
innerWidth/innerHeight
二、查看元素尺寸
offsetWidth offsetHeight 查看视觉上的尺寸大小
三、查看元素的位置
offsetlLeft offsetTop 对于无定位父级的元素 返回相对文档的坐标，对于有定位父级的元素 返回相对于最近的有定位的父级的坐标
pageX,pageY（相对于页面的最顶端）
clientX,clientY==x,y（相对于视口的距离，类似于fix）
offsetX,offsetY (鼠标相对于事件源内边距 的坐标)鼠标点的位置
window.pageXoffset 滚动条滚动距离
offsetTop 距离页面最顶端
window.innerHeight 页面屏幕的高度
图片如下：