JS如何获取屏幕、浏览器及网页高度宽度？

1. 屏幕的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。

   如：一个22寸的显示器，屏幕分辨率为1366 * 768，那么我们可以获取到的屏幕高度为1366px，宽度为768px。

   屏幕宽度和高度、屏幕可用宽度和高度。

   图一是javascript代码截图，图二是打印结果。

   通过图二的打印结果可以看出，屏幕的高度大于屏幕可用高度。缺少的那部分就是电脑的任务栏高度

   

   
2.  

   浏览器宽度和高度。

   图一是javascript代码截图，图二是打印结果。

   只要改变浏览器大小，刷新即可看到打印结果变化

   

   
3.  

   页面可用宽度和高度，body的展示宽度和高度

   HTML代码是画了一个宽度1800px高度1000px的矩形

   图一是javascript代码截图，图二是打印结果。

   通过图二的打印结果可以看出，页面可用宽度和高度大于body的展示宽度和高度。多的那部分就是横竖滚动的大小。

   

   
4.  

   body的总宽度和高度

   图一是javascript代码截图，图二是打印结果。

   

   
5. 5

   以上是全部内容，end。

转载于:https://www.cnblogs.com/xiaotianrui/p/8337498.html