zoukankan      html  css  js  c++  java
  • 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。

  • 相关阅读:
    bzoj3574[Hnoi2014]抄卡组
    bzoj3576[Hnoi2014]江南乐
    [GDKOI2016]小学生数学题
    bzoj3572[Hnoi2014]世界树
    bzoj3571[Hnoi2014]画框
    bzoj3573[Hnoi2014]米特运输
    指数循环节
    bzoj4013[HNOI2015]实验比较
    bzoj4012[HNOI2015]开店
    bzoj1095[ZJOI2007]Hide 捉迷藏
  • 原文地址:https://www.cnblogs.com/xiaotianrui/p/8337498.html
Copyright © 2011-2022 走看看