在 JavaScript 中获取设备屏幕的高度

在开发前端项目时，我们经常需要获取用户设备的屏幕高度来进行适配，那么在 JavaScript 中如何实现呢？

1. 使用 window 对象获取屏幕高度

我们可以利用 JavaScript 中的 window 对象来获取设备屏幕的高度。

const screenHeight = window.screen.height;
console.log(screenHeight);

这里的 window.screen.height 获取的是整个屏幕的高度，包括操作系统任务栏和浏览器地址栏。

2. 使用 document 对象获取可视区域高度

我们也可以获取浏览器中显示内容的可视区域高度，即浏览器中除去操作系统任务栏和浏览器地址栏的高度。

const visibleHeight = document.documentElement.clientHeight;
console.log(visibleHeight);

这里的 document.documentElement.clientHeight 获取的是 HTML 文档对象的客户端高度。

3. 使用 screen 对象获取可用屏幕高度

如果你需要获取用户设备的整体屏幕高度，但是不包括操作系统任务栏，可以使用 screen 对象来获取可用屏幕高度。

const availableHeight = window.screen.availHeight;
console.log(availableHeight);

这里的 window.screen.availHeight 属性获取的是可用屏幕的高度，即不包括操作系统任务栏的高度。

以上就是在 JavaScript 中获取设备屏幕高度的几种方法，我们可以根据需求来选择适用的方法。