本文深入探讨了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属性声明：
<body onresize="test2()">
2、要么使用window对象：
window.attachEvent('onresize', test1);
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
