一、直接在html中定义
如<body onresize="doResize()"/>
二、直接给onresize赋值
给window和body的onresize赋值
如window.onresize=function(){},document.body.onresize=function(){}
三、使用事件监听
只对window有作用
如window.addEventListener("resize",fn)
说明:
1、直接给onresize赋值会覆盖在html中定义。
2、直接给onresize赋值,window,body只有一个起作用,后定义的会覆盖先定义的
3、事件监听只对window有效,可以其它方式同时触发。
$(document).ready(function(){window.onresize = windowResize
})
windowResize是一个函数名称,windowResize()是函数调用,或者是得到函数运行的结果。
window.onresize=function(){};事实是将函数赋值给onresize,而不是要得到函数运行的结果
用JS的onresize事件就可以了,onresize事件会在窗口或框架被调整大小时发生。该事件支持的对象是window,使用代码如下:
window.onresize = function(){alert(1)
} window.onresize = myFun()