javascript - 检测 iframe 中的特定元素何时加载

Question

有没有办法让我检测到一个特定元素何时iframe被加载，而无需等待完整的 iframe 内容加载？

我遇到的问题是 iframe 充满了许多 SVG 按钮，这些按钮需要很长时间才能加载和处理，并且挂钩到 iframe 的加载事件会强制我要采取的操作来等待它们完全加载。我想从 iframe 中访问一个元素，并想知道是否可以检测到该元素已被加载，而无需等待 iframe 的全部内容加载。

JavaScript 或 jQuery 解决方案都是我的文件。

score 1 · Accepted Answer

$('iframe').onload = function() {
     alert("loaded")
})

这将在加载 HTML 时触发，但在它被完全解析和呈现之前。

除此之外，您还必须轮询以查看您要查找的元素是否在页面中。

score 0 · Accepted Answer

你可以使用它：

$("iframe").contents().find("your iframe elem").load(function(){
    alert('element loaded.');
});

2 回答 2