Загрузка Iframe с обратным вызовом Javascript

Чтобы выполнить обратный вызов после завершения загрузки IFRAME, выполните следующие действия:

Создайте IFRAME и обработчик загрузки

Создайте IFRAME программно:

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

Добавьте обработчик загрузки в IFRAME:

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

Доступ к содержимому IFRAME и его уничтожение

В обработчике загрузки получите доступ к содержимому IFRAME и уничтожьте его:

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

Дополнительные рекомендации

• Убедитесь, что при использовании тайм-аутов для удаления установите соответствующую задержку, чтобы позволить IFRAME загрузиться.
• Избегайте межсайтовые запросы, так как их содержимое недоступно.
• Используйте jQuery для совместимости между браузерами и явных событий загрузки.

Пример

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