javascript - 动态添加事件监听器

Question

我的网站已经部署了数百个 html 页面。现在我想在所有html页面中向body添加事件监听器，例如onload和onunload。我不想手动更改每个监听器，所以我在想是否可以动态添加这些监听器。我的想法是编写 javascript 代码来查找 body 的 DOM 节点并将监听器添加到该节点。可能吗？ (它不必是跨浏览器解决方案。代码将在 Firefox 上运行。)

谢谢!保罗

Answer 1

如果您想添加 JavaScript，您最终需要以某种方式修改网站。

您可能会进行全局搜索、替换和查找:

</head>

并将其更改为

<script type="text/javascript" src="/global.js"></script>
</head>

然后在站点的根目录下创建一个名为 global.js 的文件并将其放入其中:

window.onload = function() {
   // onload code here
}

window.onunload = function() {
   // onunload code here
}

你想做什么？如果您要添加大量事件处理程序，那么 jQuery 或其他库的建议是一个很好的选择，但如果您只需要添加一些 JS block ，那么一个库可能就有点过分了。