js中如何调用onresize

JavaScript026

js中如何调用onresize,第1张

onresize的定义方式

一、直接在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()