Skip to content
Related Articles

Related Articles

HTML | DOM onresize Event

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 09 Mar, 2022

The HTML DOM onresize event occurs on browser window resize. Only <body> tag support this event.
To get the size of window use: 

  • clientWidth, clientHeight
  • innerWidth, innerHeight
  • outerWidth, outerHeight
  • offsetWidth, offsetHeight

Supported Tags



<element onresize="myScript">

In JavaScript: 

object.onresize = function(){myScript};

In JavaScript, using the addEventListener() method: 

object.addEventListener("resize", myScript);



<!DOCTYPE html>
    <title>HTML DOM onresize event</title>
        <h1 style="color:green">GeeksforGeeks</h1>
        <h2>HTML DOM onresize event</h2>
<p>Resize the window</p>
<p>Resized count: <span id="try">0</span></p>
        window.addEventListener("resize", GFGfun);
        var c = 0;
        function GFGfun() {
            var res = c += 1;
            document.getElementById("try").innerHTML = res;


Supported Browsers: The browsers supported by HTML DOM onresize Event are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!