问题标签 [domcontentloaded]

我创建了一个显示问题的 Codepen：https ://codepen.io/samuelg0rd0n/pen/ExVGQEV

在 Chrome 中，它会在窗口加载事件之前正确触发 DOMContentLoaded 事件和 jQuery 文档就绪事件。但是，在 Firefox 中，顺序是：

window.onload 和 jQuery window onLoad 都在 jQuery 文档就绪事件之前触发。我很确定这一定是 jQuery 或 Firefox 中的某种错误。谁可以给我解释一下这个？谢谢你。

铬版本：81.0.4044.138

火狐版本：75.0

在 macOS 和 Linux 中都进行了尝试，结果相同。

我们有将元素注入 DOM 的 javascript 代码。因此它需要等到 DOM 处于所需状态。

我们为此使用以下内容：

当某个站点的脚本加载缓慢或未加载时，它永远不会触发这些事件。

从用户的角度来看，该站点是完全可用的，如果我们手动调用“placeTags”，它也可以正常工作。

一种解决方案是从页面的页脚调用“placeTags”。不幸的是，我们需要支持在页面的任何位置加载 javascript。

可以做什么？

我正在创建一个自定义元素，我想在加载该元素及其所有子元素后运行一些代码。我尝试了其构造函数中的自定义元素在this.addEventListener("DOMContentLoaded", function() { ... });哪里。this这没有用。（当然，当我使用document而不是时，添加事件侦听器确实有效。）但是，当添加到我的自定义元素时this，DOM 突变事件（例如）作为事件侦听器工作。DOMNodeInserted所以我只是想澄清一下哪些事件可以附加到元素而不仅仅是文档（我实际上认为这与我添加此事件侦听器的元素是自定义元素无关）。

做这个

仅在加载 DOM 或加载所有内容（包括图像）后触发？

这是我正在寻找的：https ://developer.mozilla.org/en-US/docs/Web/API/Window/load_event ？

如果是这样，这是

或这个

更好的做法？

谢谢！

所以就像我提到的，DOMContentLoaded 中的代码仅在我刷新页面时运行，但如果我导航到所述页面，我的表中的数据将不再显示。我在这里看到了一个非常相似的帖子（DOMContentLoaded 在导航后不触发，但在使用 javascript_pack_tag 时在页面重新加载时触发）但我无法为我自己的代码找出解决方案。这就是我的代码的样子：

我有一个奇怪的问题，我想知道这是否是此事件的正常行为。我有一个“DOMContentLoaded”事件。当 DOM 准备好时，此事件按预期触发。但是，如果 iframe 附加到 DOM，则“DOMContentLoaded”事件会再次触发。我的问题是，这是预期的反应吗？

链接到笔

有一个类似的问题没有解决。

我遇到了这样一种情况，即侦听 DOMContentLoaded 的处理程序可以阻止第一次绘制。有时会阻塞，有时不会

我尝试了很多次 cmd + R 来查看它。这种行为有什么解释吗？

我还录制了一段视频来展示这一点： https ://www.youtube.com/watch?v=EDZQ1nLCK2w&feature=youtu.be

1. 当您在重新加载后看到一个空白页面时，这意味着 DOMContentLoaded 阻止了第一次绘制
2. 当您看到文本“一些文本”然后重新加载后出现空白页时，这意味着 DOMContentLoaded 没有阻止第一次绘制

我正在尝试创建一个 Firefox 插件，它将在页面加载后执行一些代码。这是我的代码：

不幸的是，它没有添加任何边框。另一方面，如果我只是放置，我可以更改边框

在我的文件里面。

使用 WordPress 的 LiteSpeed Cache (LSC) 插件，发现它导致一个插件 (Revolution Slider) 无法正常工作。

滑块插件的功能

被缓存插件重写为

但是这个事件没有被触发。

这是启用 LSC 之后/之前的函数 setREVStartSize 的比较

https://editor.mergely.com/yp8ZF9dP/（请点击选项 -> 换行并忽略空白）

• 左：启用 LSC 时
• 右：禁用 LSC 时

唯一的区别是函数被触发的方式和时间。

下面是滑块调用函数的对比：

https://editor.mergely.com/vuoEakJB/ （请点击选项 -> 换行并忽略空格）

• 左：启用 LSC 时
• 右：禁用 LSC 时

这似乎是一个错误。我不确定插件开发人员是否会或何时会修复该错误。我可以自己做些什么来解决它？

谢谢！

• 我想为我的网站使用预加载器动画，并希望它在我的网站的所有内容加载后淡出。我试过这样：

• 但有时动画会无限进行，我看不到我网站的任何内容，有时它在图像加载之前就消失了。我在谷歌上搜索了各种替代方案，但没有一个有效。

如果有人可以通过提供代码片段来帮助像我这样的初学者（已经 3 个月），那将是一个很大的帮助。