DOMContentLoaded on DOM <object> 在 Edge 中不起作用

Question

获取包含对象的 DOMContentLoaded 事件，如下所示

<object class="emb" data="./probe-object.html" width="100" height="100" type="text/html">

在Chrome和Firefox中使用以下代码工作，但不适用于Edge。

let includedObject = document.querySelector(".emb object");
includedObject.contentWindow.addEventListener('DOMContentLoaded', function() {
includeObject();
});

如何在 Edge 中执行类似操作？

Answer 1

if

includedObject.contentWindow.addEventListener

替换为

includedObject.contentDocument.addEventListener

它在Edge中工作，但在Edge或Firefox中不起作用。这似乎是一个边缘错误。

Answer 2

尝试像这样修改代码：

let includedObject = document.querySelector("object.emb");
includedObject.addEventListener('DOMContentLoaded', function() {
includeObject();
});

检查您的控制台。我想你发现这个有用的错误。

选择器不正确，所以我想，它生成了一个未定义的内容窗口错误。此内容窗口用于 iframe 对象，并且您只有一个对象标记。