坐标尺寸 大锅烩

浏览器窗口距离屏幕的位置
window.screenLeft
window.screenTop
获取视图区域的大小
var clientWidth = document.documentElement.clientWidth||document.body.clientWidth;
var clientHeight = document.documentElement.clientHeight||document.body.clientHeight;

获取滚动偏移大小
var scrollLeft = document.documentElement.scrollLeft||document.body.scrollLeft;
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

获取整个文档区域的大小
var documentHeight = Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);
var documentWidth = Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth);

获取元素所占区域大小
       
          包含border padding 内容(width和height) ,不包含margin
          var offsetWidth = boxEle.offsetWidth;
          var offsetHeight = boxEle.offsetHeight;


 获取元素可视区域大小
          var eleClientWidth = boxEle.clientWidth;
          var eleClientHeight = boxEle.clientHeight


          offsetLeft 自己边框距离父容器的padding
          offsetTop   自己边框上部距离父容器的padding  之间的距离 只读
        
          ev.clientX距离视图的X坐标
          ev.clientY距离视图的Y坐标


                 ev.pageX/文档左上角
          ev.pageY


          ev.screenX/屏幕左上角
          ev.screenY


          ev.offsetX//相对于当前元素的左上角
          ev.offsetY