javascript - 实时检测 iframe 页面加载

Question

我有一个包含一些 iframe 的 div 元素。有时，我会销毁那些 iframe 并创建一个新的，但我总是需要知道它们中的每一个(以及后来添加的)何时完成加载。我认为以下代码可以工作，但我没有将任何内容记录到调试控制台。有帮助吗？

  // doesn't work
  $('#viewport').on('load', 'iframe', function() {
    console.log('LOADED!');
    return true;
  });

  // doesn't work either
  $('#viewport').on('ready', 'iframe', function() {
    console.log('LOADED!');
    return true;
  });

Answer 1

可能是框架在您添加事件之前完成加载。

尝试在将事件添加到 DOM 之前添加该事件。

var iframe = document.createElement("iframe");
// set iframe properties
$(iframe ).on('ready', 'iframe', function() {
  console.log('LOADED!');
});
document.body.appendChild(iframe);