js window.onresize的使用方法

onresize  事件会在窗口或框架被调整大小时发生。

语法

1、In HTML:

<element onresize="SomeJavaScriptCode">

2、JavaScript 中:

window.onresize=function(){SomeJavaScriptCode}; 

     PS：直接给window的onresize添加函数，多个window.οnresize=function(){}，前面的会被后面的覆盖掉；

3、jQuery 中:

$(window).resize(function(){
    //code
});

     PS：$(window).resize(function(){})可以有多个，每个都会执行；

4、resize在窗口变化时，执行多次的问题？

多次执行，会影响其性能，甚至会造成浏览器假死状态，可以通过定时器setTimeout延迟执行来解决，但对于需要窗口改变立即反馈给页面的这样的需求来说，使用定时器来解决也不合理。

 

详情可查看：https://www.runoob.com/jsref/event-onresize.html