Home > Article > Web Front-end > In JavaScript, what is the purpose of the onresize event?

In JavaScript, what is the purpose of the onresize event?

王林forward: 2023-08-26 10:37:091095browse

When the window is resized, the resize event is triggered. Use the window.outerWidth and window.outerHeight events in JavaScript to get the window size when the browser resizes.

Example

You can try running the following code to use the onresize event in JavaScript.

<!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>

The above is the detailed content of In JavaScript, what is the purpose of the onresize event?. For more information, please follow other related articles on the PHP Chinese website!

JavaScript 事件

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：How to add parameters to objects in HTML?Next article：How to add parameters to objects in HTML?

See more

In JavaScript, what is the purpose of the onresize event?

Example

Related articles