Screen
接口表示一个屏幕窗口,往往指的是当前正在被渲染的window对象,可以使用 window.screen
获取它。
请注意:由浏览器决定提供屏幕对象,此对象一般通过当前浏览器窗口活动状态动态检测来得到。
属性
Screen.availTop
- Specifies the y-coordinate of the first pixel that is not allocated to permanent or semipermanent user interface features.
Screen.availLeft
- 返回屏幕左边边界的第一个像素点
Screen.availHeight
- Specifies the height of the screen, in pixels, minus permanent or semipermanent user interface features displayed by the operating system, such as the Taskbar on Windows.
Screen.availWidth
- 返回窗口中水平方向可用空间的像素值。
Screen.colorDepth
- 返回屏幕的色彩深度。
Screen.height
- 以像素为单位返回屏幕的高度。
Screen.left
- 返回从最左边界到当前屏幕的像素值。
Screen.orientation
- 返回当前屏幕的转向。
Screen.pixelDepth
- 获取屏幕的像素点
Screen.top
- 返回最上边界到当前屏幕的像素值。
Screen.width
- 返回屏幕的宽度。
Screen.mozEnabled
- 布尔值。如果设置为false讲关闭设备的屏幕。
Screen.mozBrightness
- 控制设备屏幕的亮度。期望参数是0-1.0之间的浮点数。
Events handler
Screen.onorientationchange
- 对
orientationchange
事件的时间处理器。
方法
Screen.lockOrientation
- 锁定屏幕转向(仅在全屏或者已安装的APP中生效)
Screen.unlockOrientation
- 解锁屏幕转向(仅在全屏或者已安装的APP中生效)
方法继承于 EventTarget
EventTarget.addEventListener()
- Registers an event handler of a specific event type on the
EventTarget
. EventTarget.removeEventListener()
- Removes an event listener from the
EventTarget
. EventTarget.dispatchEvent()
- Dispatches an event to this
EventTarget
.
Additional methods in Mozilla chrome codebase
Mozilla includes a couple of extensions for use by JS-implemented event targets to implement onevent
properties.
See also WebIDL bindings.
void setEventHandler(DOMString type, EventHandler handler)
EventHandler getEventHandler(DOMString type)
示例
if (screen.pixelDepth < 8) {
// use low-color version of page
} else {
// use regular, colorful page
}
标准文档说明
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) View Module Screen |
Working Draft |
浏览器兼容性
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.