js获取整个屏幕的尺寸

原文

 

1. 首先获取屏幕宽度：window.screen.width;    //整个屏幕的宽度。

   

2. 然后获取屏幕高度：window.screen.height;     //整个屏幕的高度。

   

3. 获取可用工作区尺寸。

   获取屏幕可用工作区域宽度：window.screen.availWidth;     //pc端与上面两个一致，移动端除个别其他也一致（试一下即可）

   获取屏幕可用工作区域高度：window.screen.availHeight;

   

4. 获取body的宽高（不含边框）。

   获取网页内body的宽度：document.body.clientWidth;     //client不包括边框

   获取网页内body的高度：document.body.clientHeight;

   

5. 获取网页的宽高。

   获取整个网页的宽度：document.body.scrollWidth

   获取整个网页的高度：document.body.scrollHeight

   

6. 获取body的宽高（含边框）。

   获取网页内body的宽度:document.body.offsetWidth     //offset包括边框

   获取网页内body的高度:document.body.offsetHeight

   
7. 7

   获取元素到顶部的距离。

   获取元素到顶部的距离：document.getElementsByClassName("div")[0].offsetTop

   获取元素到左边的距离：document.getElementsByClassName("div")[0].offsetLeft