如何在JavaScript中获取屏幕的可用高度和可用宽度？

  • Z时代
  • 2024-01-10
  • 分类：综合

该window.screen对象提供了许多功能，以获得有关浏览器屏幕上的信息。它提供了screen.availWidth和 screen.availHeight以获取屏幕的可用高度和可用宽度。让我们单独讨论它们。

可用宽度

示例

该screen.availWidth属性返回访问者的屏幕的实际宽度这意味着它减去的接口功能，如Windows任务栏的宽度。结果值将以像素为单位。

<html>
<body>
<p id="width"></p>
<script>
   document.getElementById("Width").innerHTML =
   "Available screen width is " + screen.availWidth;
</script>
</body>
</html>

输出结果

Available screen width is 1366


可用高度

示例

该screen.availHeight属性返回这意味着它减去界面功能，如Windows任务栏在屏幕的真实高度。结果值将以像素为单位。

<html>
<body>
<p id="height"></p>
<script>
   document.getElementById("height").innerHTML =
   "Available screen width is " + screen.availHeight;
</script>
</body>
</html>

输出结果

Available screen height is 728

以上是 如何在JavaScript中获取屏幕的可用高度和可用宽度？ 的全部内容， 来源链接： utcz.com/z/338439.html

回到顶部