Browser Window Resize Event in JavaScript

Use window.outerWidth and window.outerHeight event in JavaScript to get the size of windows when the browser is resized.

Example

You can try to run the following code to work with events to check the browser window size −

<!DOCTYPE html>
<html>
   <head>
      <script>
         function resizeFunction() {
            var val = "Window Width=" + window.outerWidth + ", Window Height="
            + window.outerHeight;
            document.getElementById("test").innerHTML = val;
         }
      </script>
   </head>
   <body onresize = "resizeFunction()">
      <p>Resize browser window and check the window (browser window)
      height and width again.</p>
      <p id = "test"> </p>
   </body>
</html>
Updated on: 2020-06-23T09:18:50+05:30

124 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements