screen.height Screen availHeight 属性

screen.height

screen.height 是 JavaScript 中的一个属性，它表示当前设备的屏幕高度，单位是像素。它可以用来获取当前设备的屏幕尺寸，从而帮助开发者更好地适配不同尺寸的设备。

// 获取当前设备的屏幕高度
let screenHeight = window.screen.height;

screen.height 在移动端开发中有着重要的作用，因为不同尺寸的手机会有不同的屏幕高度，如果我们想要在不同尺寸的手机上都能正常显示我们开发出来的界面，就必须要根据不同尺寸手机的屏幕高度来进行适配。

// 根据不同尺寸手机进行适配 
if (screenHeight <= 480) {  // 小于480px时 
    // 进行相应适配 
} else if (screenHeight > 480 && screenHeight <= 720) { // 大于480px且小于720px时 
    // 进行相应适配 
} else { // 大于720px时 
    // 进行相应适配 
}   

此外，screen.height 还可以用来判断当前设备是否是横屏或竖屏。如果 screen.width 大于 screen.height （即宽大于高），则说明当前设备是横屏；如果 screen.width 小于 screen.height （即宽小于高），则说明当前设备是竖屏。

// 判断当前设备是否是横屏或竖屏 
if (window.screen.width > window.screen.height) {   // 横屏时   console.log('landscape'); } else {   // 竖屏时   console.log('portrait'); } 

Screen availHeight 属性

Screen availHeight 属性

Screen Object

---

定义和用法

availHeight 属性声明了显示浏览器的屏幕的可用高度，以像素计。在 Windows 这样的操作系统中，这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间。

语法

screen.availHeight

---

浏览器支持

所有主要浏览器都支持 availHeight 属性

---

实例

实例

返回屏幕的可用高度：

<script>

document.write("可用高度: " + screen.availHeight);

</script>

以上实例输出结果:

document.write("可用高度: " + screen.availHeight);

---

更多实例

在一个例子中的所有screen属性

---

Screen 对象