如何通过JavaScript将事件侦听器添加到body元素?

如何通过JavaScript将事件侦听器添加到body元素?,javascript,dom,Javascript,Dom,如何通过JavaScript将onload事件侦听器添加到HTML文档中的元素(或其他合适的接近顶层的元素) 我希望实现与此相同的行为: <body onresize="handleResize();"> ... </body> 我遇到的问题是,我不知道如何获取适当的元素来附加事件 我试过这个: document.documentElement.addEventListener("resize",handleResize); 这是: document.body.

如何通过JavaScript将
onload
事件侦听器添加到HTML文档中的
元素(或其他合适的接近顶层的元素)

我希望实现与此相同的行为:

<body onresize="handleResize();">
   ...
</body>
我遇到的问题是,我不知道如何获取适当的元素来附加事件

我试过这个:

document.documentElement.addEventListener("resize",handleResize);
这是:

document.body.addEventListener("resize",handleResize);
但在这两种情况下,
handleResize
函数从未被调用


如何访问相应的顶级或接近顶级元素?

使用窗口元素

window.addEventListener("resize",handleResize,0);
window.addEventListener(“resize”,handleResize)通常起作用<代码>窗口
也是可以添加onload处理程序的最顶层对象。
window.addEventListener("resize",handleResize,0);