HTML | DOM onresize 事件

HTML DOM onresize 事件发生在浏览器窗口调整大小时。只有标签支持这个事件。
要获取窗口大小，请使用：

• 客户端宽度，客户端高度
• 内部宽度，内部高度
• 外宽、外高
• 偏移宽度，偏移高度

支持的标签

• <身体>

句法：

• 在 HTML 中：

• 在 JavaScript 中：

object.onresize = function(){myScript};

• 在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("resize", myScript);

例子：

html

 

    HTML DOM onresize event

 

    
        GeeksforGeeks
        HTML DOM onresize event
         
Resize the window
 
 
         
Resized count: 0
 
    
    
        window.addEventListener("resize", GFGfun);
 
        var c = 0;
 
        function GFGfun() {
            var res = c += 1;
            document.getElementById("try").innerHTML = res;
        }
    
 

 

输出：

支持的浏览器： HTML DOM onresize 事件支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果Safari
• 歌剧