document.body onresize

最新推荐文章于 2025-06-11 09:00:41 发布

hongweigg

最新推荐文章于 2025-06-11 09:00:41 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： function

本文链接：https://blog.youkuaiyun.com/hongweigg/article/details/6852247

JavaScript 专栏收录该内容

122 篇文章

订阅专栏

本文详细介绍了在HTML中如何使用onresize属性和window对象绑定onresize事件的方法，包括为何不能直接在document.body上绑定onresize事件及解决办法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.body没有onresize()方法，window对象才有onresize() 方法, 但可以在<body>标签中写onresize属性，如：

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>onresize</title>
</head>

<body onresize="test2()">
<script language="javascript">
function test1(){
	alert('test1');
}

function test2(){
	alert('here');
}

//document.body.attachEvent('onresize', test1);

window.attachEvent('onresize', test1);

</script>
</body>

</html>

使用document.body绑定onresize()方法无效：

document.body.attachEvent('onresize', test1);

1、要么使用onresize属性声明：

2、要么使用window对象：

window.attachEvent('onresize', test1);