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

本篇主要是介绍屏幕尺寸信息、浏览器尺寸信息及HTML页面尺寸信息。
本人新手，下面所写都是经过测试通过的。都是通过及api查到的。
如有错误请指出，谢谢！

操作方法

  • 01

    屏幕的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。 如：一个22寸的显示器，屏幕分辨率为1366 * 768，那么我们可以获取到的屏幕高度为1366px，宽度为768px。 屏幕宽度和高度、屏幕可用宽度和高度。 图一是javascript代码截图，图二是打印结果。 通过图二的打印结果可以看出，屏幕的高度大于屏幕可用高度。缺少的那部分就是电脑的任务栏高度

  • 02

    浏览器宽度和高度。 图一是javascript代码截图，图二是打印结果。 只要改变浏览器大小，刷新即可看到打印结果变化

  • 03

    页面可用宽度和高度，body的展示宽度和高度 HTML代码是画了一个宽度1800px高度1000px的矩形 图一是javascript代码截图，图二是打印结果。 通过图二的打印结果可以看出，页面可用宽度和高度大于body的展示宽度和高度。多的那部分就是横竖滚动的大小。

  • 04

    body的总宽度和高度 图一是javascript代码截图，图二是打印结果。

  • 05

    以上是全部内容，end。

赞 (0)

相关推荐

  • 如何将safari浏览器的网页添加到手机主屏幕

    如何将safari浏览器的网页添加到手机主屏幕

    今天给大家介绍一下如何将safari浏览器的网页添加到手机主屏幕的具体操作步骤.1. 首先解锁手机,找到手机上的safari浏览器图标,打开2.进入浏览器页面后,在上方的搜索框中输入想要添加到主屏幕的 ...

  • js怎样获取系统的当前时间

    JavaScript被用于浏览器中设置网页的特效以及交互,今天咪咪我就来分享一下js怎样获取系统的当前时间. 操作方法 01 首先,在HTML页面进行如下设置,一个div用来显示当前时间,一个按钮用于 ...

  • 如何修改手机版360浏览器的网页背景

    如何修改手机版360浏览器的网页背景

    今天,小编给大家分享修改手机版360浏览器网页背景的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到"360浏览器"图标,点击进入主界面.2. 第二步,我们 ...

  • 如何关闭手机版UC浏览器浏览网页时显示“大家都在搜”功能

    如何关闭手机版UC浏览器浏览网页时显示“大家都在搜”功能

    今天,小编给大家介绍关闭手机版UC浏览器浏览网页时显示"大家都在搜"功能的方法,希望对大家有所帮助.具体如下:1. 第一步,请大家在自己的手机中找到[UC浏览器]图标,点击进入主界 ...

  • 怎么把手机版QQ浏览器的网页保存成长图

    怎么把手机版QQ浏览器的网页保存成长图

    QQ浏览器是我常用的一款浏览器,深受用户的喜欢,用起来方便快捷,有的朋友想知道如何把电脑版QQ浏览器的网页保存成长图,小编为大家解答.具体如下:1. 首先,请大家在自己的手机中找到[QQ浏览器]图标, ...

  • QQ浏览器英文网页如何自动翻译为中文页面

    我们在使用QQ浏览器查看英文网页的时候,我们如何让其自动翻译为中文页面呢?只需要开启QQ浏览器的网页翻译功能就可以了. 操作方法 01 我们在手机桌面上左右的滑动屏幕,找到安装好的QQ浏览器的图标. ...

  • 妙用搜狗浏览器将网页保存为图片（三种方法）

    妙用搜狗浏览器将网页保存为图片.我今天闲着没有事,就研究搜狗浏览器发现,搜狗浏览器可以快速将网页保存为图片,这样我们就不需要其他截图工具截图了.下面和大家分享三种方法 方法一.文件另存为图片 01 打 ...

  • 如何更改搜狗浏览器的网页字体

    今天小编要和大家分享的是如何更改搜狗浏览器的网页字体,希望能够帮助到大家. 操作方法 01 首先在我们的电脑桌面上找到搜狗浏览器,并点击它,如下图所示. 02 然后点击屏幕右上方的板手图标,如下图所示 ...

  • 搜狗浏览器打开网页很慢解决方法

    今天小编要和大家分享的是搜狗浏览器打开网页很慢解决方法,希望能够帮助到大家 操作方法 01 首先在我们的电脑桌面上找到电脑管家并点击它,如下图所示. 02 然后点击屏幕右下方的工具箱,如下图所示. 0 ...