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。

  • 相关阅读:
    hdu-5761 Rower Bo(数学)
    hdu-5754 Life Winner Bo(博弈)
    hdu-5753 Permutation Bo(概率期望)
    hdu-5752 Sqrt Bo(水题)
    hdu-5749 Colmerauer(单调栈)
    svn使用教程
    less
    springmvc 孔浩 hibernate code
    springmvc 开涛 生产者/消费者
    springmvc 开涛 拦截器
  • 原文地址:https://www.cnblogs.com/xiaotianrui/p/8337498.html
Copyright © 2011-2022 走看看