参考手册
Screen 对象
availWidth
返回 Screen 对象

Window screen.availHeight 属性

实例

获取屏幕的可用高度:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h2>availHeight 属性</h2>
  7. <p id="demo">
  9. <script>
  10. height = screen.availHeight;
  11. document.getElementById("demo").innerHTML = height + "px";
  12. </script>
  14. </body>
  15. </html>
运行一下

定义与用法

availHeight 属性返回用户屏幕的高度。

availHeight 属性返回以像素为单位的高度。

availHeight 属性返回高度会减去界面功能，如 Windows 任务栏。

备注

要获得屏幕的宽度，请使用 availWidth 属性。

语法

  1. screen.availHeight

返回值

类型描述
一个数字用户屏幕的高度，以像素为单位

更多实例

所有 screen 属性:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  5. <h2>Screen 属性</h2>
  7. <div id="demo"></div>
  9. <script>
  10. let text = "Total width/height: " + screen.width + "*" + screen.height + "<br>" +
  11. "Available width/height: " + screen.availWidth + "*" + screen.availHeight + "<br>" +
  12. "Color depth: " + screen.colorDepth + "<br>" +
  13. "Color resolution: " + screen.pixelDepth;
  15. document.getElementById("demo").innerHTML = text;
  16. </script>
  18. </body>
  19. </html>
运行一下

浏览器支持

screen.availHeight 所有浏览器都支持:

属性
screen.availHeightYesYesYesYesYes

相关页面

screen.availHeight 属性

screen.availWidth 属性

screen.height 属性

screen.width 属性

availWidth

分类导航