如何在解析 HTML 和其他 JavaScript 后执行我的 JavaScript，但不等待任何其他资源（图像、样式表等）？我的 JavaScript 是一个用户脚本/Chrome 扩展程序，可以自动单击需要其他 JavaScript 来操作变量但不需要其他资源的按钮。

我知道这些事件load和DomContentLoaded。在我的测试中，DomContentLoaded不等待所有的 JS 被解析。load等待一切，这是我现在正在使用的，但不是我想要的。

我正在设置一个非常简单的页面来从 DOMContentLoaded 事件的数组中填充下拉列表，但是在我的环境中（VS 代码 + 实时服务器扩展），我收到了一个错误，因为此时整个 body 对象不存在DOMContentLoaded 对我来说很奇怪。

我在网上阅读了一些网站，但它们确实表明除了旧的浏览器支持之外，DOMContentedLoaded 和 readyState 的交互是可以互换的。 https://caniuse.com/#search=DOMContentLoaded https://developer.mozilla.org/en-US/docs/Web/API/Document/readyState

所以我探索了它，似乎如果我在浏览器中调用一个匿名函数（其中有相同的函数调用），它将具有“交互”的就绪状态，但如果我只是直接调用该函数，它将有一个就绪状态“加载”状态。现在在 codpen.io 和 Stacks Snippets 中，它甚至可以很好地呈现，但是在我的本地环境中它会出错，并且最终就绪状态不应该是交互式的吗？

我链接的文档通过使用 document.onreadychange 谈到了更广泛的支持，我想对于我的具体情况，我会走这条路，但我想问问是否有其他人遇到过这种情况？我使用的是 Chrome 版本 67.0.3396.99（官方版本）（64 位），在 Chrome、Firefox 和 Opera 上进行了测试，结果相同。

仅当 DOM 准备好并且我们可以确定所有元素都可用时才开始操作它是古老的常识，在后 jQuery 时代，我们都DOMContentLoaded为此使用事件。

现在 Web 组件（尤其是自治自定义元素的形式）倾向于创建自己的 HTML，通常采用connectedCallback()生命周期方法。

第一个问题：

与DOMContentLoaded（自主）自定义元素有何关系？只有在所有组件 connectedCallbacks 完成后才会发生事件吗？如果没有，我如何确保某些代码仅在 Web 组件完成初始化后执行？

第二个问题，完全相关：

Web 组件如何与元素的defer属性相关联script？

我想创建一个感谢页面，当有人开始下载文件时显示该页面。我的脚本有效，但它仅在页面完成加载后才开始下载，这可能需要一段时间。我试过 DOMContentLoaded 但它不起作用。有没有其他方法可以在页面加载完成之前开始下载？

工作脚本

DOMContent 不起作用

隐藏链接

我想在显示按钮后显示警报，即在页面加载后。

使用此代码，警报会在页面加载之前显示。我也试过DOMContentLoaded。请帮忙。

我有以下场景和问题要解决。任何帮助将不胜感激。

场景我有一个角度应用程序，它调用一个服务（web api）并取回内容。内容被添加到 html div 中。内容如下：

我将返回的内容添加到 NgOnInit() 中组件的 HTML 中，如下所示。

但是，它失败了，因为第一个脚本标签 (#theLoader) 从未正确加载。我认为这是因为我在 Dom 完成加载后注入了脚本标签。如果您能看到注入脚本的更好方法，您能否赐教。

提前致谢。

我了解 Angular 是具有多个组件的一页应用程序，并使用路由在页面之间进行交互。

我们有一个这样的角度应用程序。要求之一是在特定组件上，我们需要将 eventListener 添加到 DomContentLoaded 事件。

由于 index.html 页面之前已经加载（因此触发了 DomContentLoaded 事件），所以我们遇到了问题。

我找不到重新触发 DomContentLoaded 事件的方法。