以下所有事件有什么区别？ [复制]答案

【问题标题】：What is the difference between all the following event? [duplicate]以下所有事件有什么区别？ [复制]
【发布时间】：2021-12-07 23:10:13
【问题描述】：

我有一个关于两者区别的问题：

 1. <body onload="myFunction()">
 2. window.onload = myFunction;
 3. window.addEventListner("load", myFunction)
 4. window.onload = myFunction();

那么它们都是等价的吗？哪一个是最佳实践？

【问题讨论】：

这能回答你的问题吗？ window.onload vs <body onload=""/> 和 attachEvent / addEventListener to Window onload / load - preferred way。另见How to make JavaScript execute after page load?
window.addEventListener 是添加事件的首选方式。
最好使用<script type="module">，它默认延迟，具有隐式严格模式，并具有其他一些提高代码质量的功能。

【解决方案1】：

是的，它们都是等价的。这是相同的“加载”事件。我更喜欢使用 DOMContentLoaded。这就是我在操作 DOM 之前检查的内容。

【讨论】：