JS 常用位置 和 尺寸 获取

关于window

　　innerWidth　　文档显示区域 宽

　　innerHeight　　文档显示区域 高

　　outWidth　　浏览器整个宽

　　outHeight　　浏览器整个高

　　screenX（screenLeft）　　浏览器里屏幕左上角距离的x坐标

　　screenY（screenTop）　　浏览器里屏幕左上角距离的y坐标

关于节点

　　尺寸：

　　element.clientWidth　　内容+内边距（填充盒）宽

　　element.clientHeight　　内容+内边距（填充盒）高

　　element.offsettWidth　　内容+内边距+边框（边框盒）宽

　　element.offsettHeight　　内容+内边距+边框（边框盒）宽

　　位置：边框盒的位置，以第一个定位的父级元素为基准

　　element.offsettLeft　　　　element.offsettTop

关于鼠标位置

　　pageX　　pageY　　相对于页面的xy方向距离

　　offsetX　　offsetY　　相对于节点元素的位置（事件源节点）

注：值全是Number类型，且只读。

原文：https://www.cnblogs.com/jiayouba/p/12110038.html