js dom操作 获取距离

           //整个DOM部分 在页面任意地方点击
            document.οnclick=function () {
                alert(document.documentElement.clientWidth)
                alert(document.documentElement.clientHeight)
                //document.documentElement 测宽高固定写法 不会把滚动条计算进去
                //clientWidth 当前窗口的宽度
                
                alert(document.body.clientWidth)
                //读body的宽度 不带单位
                alert(getComputedStyle(document.body).width)
                //读body的宽度 带单位
                
                alert(document.documentElement.scrollTop)
                //测算距离顶部滚动了多长距离(当前滚动距离) 不带单位
                
                 alert(oDiv.offsetLeft) 
                 // offsetLeft 距左边的距离 会把外边距的值计算进去 不带单位 
                
                 alert(getComputedStyle(oDiv).left)
                 //     获取oDiv距左边的距离 带单位

        oDiv.style.top 写入   oDiv.offsetTop 读(不带单位)

            }