Window outerHeight Property

JavaScript Window Object

outerHeightA read-only property that returns the height of the entire browser window (including the scroll bar) in pixels.

UsageinnerHeightProperty to get the height of the currently displayed page.

Syntax:

window.outerHeight

var h = window.outerHeight;
var w = window.outerWidth;

Browser Compatibility

The numbers in the table specify the first browser version that fully supports the outerHeight property:

Technical Details

More Examples

This example shows 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>";
document.write(txt);

Related References

Reference: Window (Window)window.innerHeight property

Reference: Window (Window)window.innerWidth property

Reference: Window (Window)window.outerWidth property

JavaScript Window Object