HTML DOM Window outerHeight Property

The window outerHeight property is used for returning the outer height of the browser window. It includes all the interface elements such as toolbars, scrollbars, etc. It is a read-only property and returns a number which represents the height of the browser's window in pixels.

Syntax:

window.outerHeight

Below program illustrates the Window outerHeight Property :

Getting the browser window's height.

html

<!DOCTYPE html>
<html>
<head>
    <title>
      Window outerHeight Property in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>Window outerHeight Property</h2>
    <p>
      For returning the browser window's height,
      double click the "Check Height" button:
    </p>
    <button ondblclick="pixel()">
      Check Height
    </button>
    <p id="outerheight"></p>
    <script>
        function pixel() {
            var height = window.outerHeight;
            document.getElementById("outerheight").innerHTML =
                              "Height : " + height;
        }
    </script>
</body>
</html>

Output:

After clicking the button:

Supported Browsers: The browser supported by Window outerHeight Property are listed below:

Google Chrome 1
Edge 12
Internet Explorer 9
Firefox 1
Opera 9
Safari 3

HTML DOM Window outerHeight Property

Explore