参考手册
Screen 对象
availHeight
colorDepth
返回 Screen 对象

Window screen.availWidth

实例

获取屏幕的可用宽度:

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

定义与用法

availWidth 属性返回用户屏幕的宽度。

availWidth 属性返回以像素为单位的宽度。

availWidth 属性返回宽度减去了界面功能，如 Windows 任务栏。

availWidth 属性是只读的。

备注

要获得屏幕的高度，请使用 availHeight 属性。

语法

  1. screen.availWidth

返回值

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

更多实例

所有 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.availWidth 所有浏览器都支持:

属性
screen.availWidthYesYesYesYesYes

相关页面

screen.availHeight 属性

screen.availWidth 属性

screen.height 属性

screen.width 属性

availHeight
colorDepth

分类导航