document.body onresize

最新推荐文章于 2023-03-10 20:29:24 发布

最新推荐文章于 2023-03-10 20:29:24 发布 · 149 阅读

文章标签：

#javascript #ViewUI

本文深入探讨了HTML文档中使用onresize属性与window对象绑定resize事件的方法，详细介绍了如何在body标签中声明事件处理函数，并通过window.attachEvent实现事件监听。文章还对比了使用document.body和window对象绑定事件的差异，提供了有效实现页面响应窗口尺寸变化的实用技巧。

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);