Get the window's height and width: (including toolbars/scrollbars):
More "Try it Yourself" examples below.
The outerWidth property returns the outer width of a window, including all interface elements (like toolbars/scrollbars).
The outerHeight property returns the outer height of a window, including all interface elements (like toolbars/scrollbars).
These properties are read-only.
Tip: Use the innerWidth and innerHeight properties to get the width/height without toolbars/scrollbars.
The numbers in the table specify the first browser version that fully supports the property.
Property | |||||
---|---|---|---|---|---|
outerWidth | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
outerHeight | 1.0 | 9.0 | 1.0 | 3.0 | 9.0 |
Return Value: | A Number, representing the outer width and/or the outer height of the browser's window, including all interface elements, in pixels |
---|
A demonstration of innerWidth, innerHeight, outerWidth and outerHeight in one example: