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

来源：互联网 2023-02-21 23:00:51 459

本篇主要是介绍屏幕尺寸信息、浏览器尺寸信息及HTML页面尺寸信息。

本人新手，下面所写都是经过测试通过的。都是通过百度及api查到的。

如有错误请指出，谢谢！

工具/原料

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

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

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

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

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

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

浏览器宽度和高度。

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

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

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

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

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

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

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

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

body的总宽度和高度

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

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

4此文章未经授权抓取自百度经验

以上是全部内容，end。

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！