Cargando iframe con devolución de llamada de Javascript

Para ejecutar una devolución de llamada cuando un IFRAME termine de cargarse, siga estos pasos:

Crear el IFRAME y el controlador de carga

Crear el IFRAME mediante programación:

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

Agregue un controlador de carga al IFRAME:

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

Acceder al contenido del IFRAME y destruirlo

Dentro del controlador de carga, acceder al contenido del IFRAME y destruirlo:

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

Consideraciones adicionales

• Asegúrese de que, si utiliza tiempos de espera para la eliminación, establezca un retraso adecuado para permitir que se cargue el IFRAME.
• Evitar solicitudes entre sitios ya que no se puede acceder a su contenido.
• Utilice jQuery para compatibilidad entre navegadores y eventos de carga explícitos.

Ejemplo

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