Iframe mit Javascript-Rückruf laden

Um einen Rückruf auszuführen, wenn ein IFRAME vollständig geladen ist, befolgen Sie diese Schritte:

Erstellen Sie den IFRAME und den Load-Handler.

Erstellen Sie den IFRAME programmgesteuert:

var iFrameObj = document.createElement('IFRAME');
iFrameObj.src = url;

Fügen Sie einen Load-Handler zum IFRAME hinzu:

$(iFrameObj).load(function() {
  // handle iframe load
});

Auf IFRAME-Inhalte zugreifen und diese zerstören

Im Load-Handler auf den IFRAME-Inhalt zugreifen und ihn zerstören:

function callback(iFrameObj) {
  // obtain iframe data
  var iframeData = $('body', iFrameObj.contentWindow.document).html();
  // destroy the iframe
  document.body.removeChild(iFrameObj);
}

Zusätzliche Überlegungen

• Stellen Sie sicher, dass Sie bei Verwendung von Timeouts zum Entfernen eine angemessene Verzögerung festlegen, damit der IFRAME geladen werden kann.
• Vermeiden Cross-Site-Anfragen, da auf deren Inhalte nicht zugegriffen werden kann.
• Verwenden Sie jQuery für browserübergreifende Kompatibilität und explizite Ladeereignisse.

Beispiel

$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});