需要在页面加载后触发函数(它在jquery中工作，但不使用纯javascript)

Question

下面的问题困扰着我。我需要一些投入。

我安装了一个wordpress插件来加载jquery脚本。我有自己的纯javascript (而不是jquery)函数，它需要在页面完成加载后运行(而且它必须在插件的jquery脚本之后运行)。

我用它来触发页面加载完成后的函数(并且运行良好)，但是在我更新了主题中的内容之后，它就停止了工作：

window.addEventListener('load', myFunction);

用于测试的：

• ，我在函数中添加了一个警告框，页面加载完成后必须运行它，以便查看何时触发该函数。在页面加载完成之前，互斥盒就出现了。
• ，我玩了wordpress JS的依赖，没有运气。

。

最后，我决定使用jquery (我知道这很奇怪)尝试触发我的纯Javascript函数。我用了以下方法，突然起作用了：

jQuery(document).ready(function($) {
    myFunction();
});

我觉得使用Jquery触发纯Javascript函数有点奇怪。但这是我唯一能让事情开始工作的方法。

所以我的问题是..。

为什么要这样做：

jQuery(document).ready(function($) {
        myFunction();
    });

但是，不是这样的(即使我的函数是纯javascript)：

window.addEventListener('load', myFunction);

是我没有使用正确的EventListener，还是有什么问题？

Answer 1

$(document).ready()的纯JS等效于为DOMContentLoaded设置一个事件侦听器

这将是：

document.addEventListener("DOMContentLoaded", myFunction)