js操作BOM

想到再更新
参考博客(https://www.cnblogs.com/2010master/p/5824215.html)
dom.offsetLeft/offsetTop
dom表示元素对象，offset类方法是用来获取元素相对于offsetParent元素的距离，
offsetHeight&offseWidth用来获取自身的宽高，包括border的值
offsetParent返回该对象距离最近的带有定位的父级元素，如果当前元素的所有父级元素都没有定位（position为absolute或relative），那么offsetParent为body
window.screen获取浏览器的分辨率，类似的其他属性可以自己测试，用的也不多，需要注意的是window.screenX等方式是获取浏览器的左上角相对于屏幕的距离
clientLeft&clientTop获取的是块元素的content和padding的内容相对于其border的外边的距离
clientHeight&clientWidth是获取content&padding的内容
获取鼠标的位置：

 divs[0].onclick = function (e) {
            console.log(e.clientY)
            console.log(e.pageY)
        }

类似于上方代码，我们在获取鼠标的位置时都需要利用一个事件来获取，其中pageY是client加上滚动条滚动的距离，其中e.screenY也是可以获取的，这么一来就可以操作完整的屏幕了。