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

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

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

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

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

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

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

    浏览器宽度和高度。

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

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

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

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

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

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

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

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

    body的总宽度和高度

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

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

    以上是全部内容,end。

原文地址:https://www.cnblogs.com/xiaotianrui/p/8337498.html