Chargement d'un Iframe avec un rappel Javascript

Pour exécuter un rappel lorsqu'un IFRAME termine le chargement, procédez comme suit :

Créez l'IFRAME et le gestionnaire de chargement

Créez l'IFRAME par programme :

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

Ajouter un gestionnaire de chargement à l'IFRAME :

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

Accéder au contenu de l'IFRAME et le détruire

Dans le gestionnaire de chargement, accédez au contenu de l'IFRAME et détruisez-le :

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

Considérations supplémentaires

• Assurez-vous que si vous utilisez des délais d'attente pour la suppression, définissez un délai approprié pour permettre à l'IFRAME de se charger.
• Évitez requêtes intersites car leur contenu n'est pas accessible.
• Utilisez jQuery pour la compatibilité entre navigateurs et les événements de chargement explicites.

Exemple

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