Example
Get the window's height and width: (including toolbars/scrollbars):
var w = window.outerWidth;
var h = window.outerHeight;
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
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.
Browser Support
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 |
Syntax
window.outerWidth
window.outerHeight
Technical Details
| Return Value: | A Number, representing the outer width and/or the outer height of the browser's window, including all interface elements, in pixels |
|---|
More Examples
Example
A demonstration of innerWidth, innerHeight, outerWidth and outerHeight in one example:
var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt +=
"<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight:
" + window.outerHeight + "</p>";
Try it Yourself »
< Window Object