首先获取屏幕宽度: Windows.screen.width; // 整个屏幕的宽度.
然后获取屏幕高度: Windows.screen.height; // 整个屏幕的高度.
获取可用工作区尺寸.
获取屏幕可用工作区域宽度: Windows.screen.availWidth; //pc 端与上面两个一致, 移动端除个别其他也一致 (试一下即可)
获取屏幕可用工作区域高度: Windows.screen.availHeight;
获取 body 的宽高 (不含边框).
获取网页内 body 的宽度: document.body.clientWidth; //client 不包括边框
获取网页内 body 的高度: document.body.clientHeight;
获取网页的宽高.
获取整个网页的宽度: document.body.scrollWidth
获取整个网页的高度: document.body.scrollHeight
获取 body 的宽高 (含边框).
获取网页内 body 的宽度: document.body.offsetWidth //offset 包括边框
获取网页内 body 的高度: document.body.offsetHeight
7
获取元素到顶部的距离.
获取元素到顶部的距离: document.getElementsByClassName("div")[0].offsetTop
获取元素到左边的距离: document.getElementsByClassName("div")[0].offsetLeft
来源: http://www.bubuko.com/infodetail-3032100.html