• Skip to main content
  • Skip to search
  • Skip to select language
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Technology

      Web technology reference for developers

  • Guides
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • MDN Plus
    • Overview

      More MDN. Your MDN.

    • FAQ

      Frequently asked questions about MDN Plus

  • Already a subscriber?
  • Get MDN Plus
  1. Web 开发技术
  2. Web API 接口参考
  3. Screen
  4. Screen.availWidth

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

In this article

  • 概述
  • 语法
  • 示例
  • 规范

Related Topics

  1. Screen
  2. 属性
    1. availHeight
    2. Non-Standard availLeft
    3. Non-Standard availTop
    4. availWidth
    5. colorDepth
    6. height
    7. Non-Standard left (en-US)
    8. Non-Standard Deprecated mozBrightness (en-US)
    9. Non-Standard Deprecated mozEnabled (en-US)
    10. Experimental orientation
    11. pixelDepth
    12. Deprecated Screen: orientationchange event (en-US)
    13. Non-Standard top (en-US)
    14. width
  3. 方法
    1. Deprecated lockOrientation()
    2. Deprecated unlockOrientation() (en-US)

In this article

  • 概述
  • 语法
  • 示例
  • 规范

Screen.availWidth

概述

返回浏览器窗口可占用的水平宽度(单位:像素)。

语法

window.screen.availWidth

示例

var screenAvailWidth = window.screen.availWidth;

console.log(screenAvailWidth);

规范

DOM Level 0 不属于任何标准.

Found a problem with this page?

  • Edit on GitHub
  • Source on GitHub
  • Report a problem with this content on GitHub
  • Want to fix the problem yourself? See our Contribution guide.

Last modified: 2020年12月8日, by MDN contributors

Your blueprint for a better internet.

  • MDN on Twitter
  • MDN on GitHub

MDN

  • About
  • Hacks Blog
  • Careers

Support

  • Product help
  • Report a page issue
  • Report a site issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2022 by individual mozilla.org contributors. Content available under a Creative Commons license.