Screen

The Screen interface represents a screen, usually the one on which the current window is being rendered.

Usually it is the one on which the current window is being rendered, obtained using window.screen.

Properties

Screen.availTop (en-US): Specifies the y-coordinate of the first pixel that is not allocated to permanent or semipermanent user interface features.
Screen.availLeft (en-US): Returns the first available pixel available from the left side of the screen.
Screen.availHeight (en-US): 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 (en-US): Returns the amount of horizontal space in pixels available to the window.
Screen.colorDepth: Returns the color depth of the screen.
Screen.height (en-US): Returns the height of the screen in pixels.
Screen.left (en-US): Returns the distance in pixels from the left side of the main screen to the left side of the current screen.
Screen.orientation (en-US): Returns the current orientation of the screen.
Screen.pixelDepth (en-US): Gets the bit depth of the screen.
Screen.top (en-US): Returns the distance in pixels from the top side of the current screen.
Screen.width: Returns the width of the screen.
Screen.mozEnabled (en-US): Boolean. Setting to false will turn off the device's screen.
Screen.mozBrightness (en-US): Controls the brightness of a device's screen. A double between 0 and 1.0 is expected.

Screen.onorientationchange (en-US): A handler for the orientationchange (en-US) events.

Screen.lockOrientation (en-US): Lock the screen orientation (only works in fullscreen or for installed apps)
Screen.unlockOrientation (en-US): Unlock the screen orientation (only works in fullscreen or for installed apps)

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.

if (screen.pixelDepth < 8) {
  // use low-color version of page
} else {
  // use regular, colorful page
}

CSSOM View