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