JS Tutorial
JS HOME JS Introduction JS How To JS Output JS Statements JS Comments JS Variables JS Data Types JS Objects JS Functions JS Operators JS Comparisons JS Conditions JS Switch JS Loop For JS Loop While JS Breaks JS Errors JS ValidationJS HTML DOM
DOM Intro DOM HTML DOM CSS DOM Events DOM NodesJS Objects
JS Object JS Number JS String JS Date JS Array JS Boolean JS Math JS RegExpJS Window
JS Window JS Screen JS Location JS History JS Navigator JS PopupAlert JS Timing JS CookiesJS Libraries
JS Libraries JS jQuery JS PrototypeJS Examples
JS Examples JS Objects Examples JS Browser Examples JS DOM Examples JS Quiz JS Certificate JS SummaryJS References
JavaScript Objects HTML DOM ObjectsJavaScript Window Screen
The window.screen object contains information about the user's screen.
Window Screen
The window.screen object can be written without the window prefix.
Some properties:
- screen.availWidth - available screen width
- screen.availHeight - available screen height
Window Screen Available Width
The screen.availWidth property returns the width of the visitor's screen, in pixels, minus interface features like the Windows Taskbar.
Example
Return the available width of your screen:
<script>
document.write("Available Width: " + screen.availWidth);
</script>
document.write("Available Width: " + screen.availWidth);
</script>
The output of the code above will be:
Try it yourself »
Window Screen Available Height
The screen.availHeight property returns the height of the visitor's screen, in pixels, minus interface features like the Windows Taskbar.
Example
Return the available height of your screen:
<script>
document.write("Available Height: " + screen.availHeight);
</script>
document.write("Available Height: " + screen.availHeight);
</script>
The output of the code above will be:
Try it yourself »
All screen properties in one example
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
