Erreur de capture si iframe src ne se charge pas. Erreur:-"a Refusé d'affichage" http://www.google.co.in/' dans un cadre.."

je pense que vous pouvez lier le load événement de l'iframe, l'événement se déclenche lorsque le contenu de l'iframe est entièrement chargé.

en même temps, vous pouvez lancer un setTimeout, si l'iFrame est chargé effacer le timeout alternativement laisser le feu de timeout.

Code:

var iframeError;

function change() {
    var url = $("#addr").val();
    $("#browse").attr("src", url);
    iframeError = setTimeout(error, 5000);
}

function load(e) {
    alert(e);
}

function error() {
    alert('error');
}

$(document).ready(function () {
    $('#browse').on('load', (function () {
        load('ok');
        clearTimeout(iframeError);
    }));

});

Démo: http://jsfiddle.net/IrvinDominin/QXc6P /

Second problème

c'est parce que vous manquez les paris dans l'appel de fonction inline; essayez de changer ceci:

<iframe id="browse" style="width:100%;height:100%" onload="load" onerror="error"></iframe>

dans ceci:

<iframe id="browse" style="width:100%;height:100%" onload="load('Done func');" onerror="error('failed function');"></iframe>

Démo: http://jsfiddle.net/IrvinDominin/ALBXR/4 /

l'onload sera toujours trigger, je paresse ce problème utiliser le catch block.Il va jeter une exception lorsque vous essayez d'obtenir le contentDocument.

iframe.onload = function(){
   var that = $(this)[0];
   try{
        that.contentDocument;
   }
   catch(err){
        //TODO 
   }
}

j'ai fait face à un problème similaire. Je l'ai résolu sans utiliser un gestionnaire de charge.Je travaillais sur le projet AngularJs donc j'ai utilisé $ interval et $ timeout. U peut également utiliser setTimeout et setInterval.Voici le code:

 var stopPolling;
 var doIframePolling;
 $scope.showIframe = true;
 doIframePolling = $interval(function () {
    if(document.getElementById('UrlIframe') && document.getElementById('UrlIframe').contentDocument.head && document.getElementById('UrlIframe').contentDocument.head.innerHTML != ''){
        $interval.cancel(doIframePolling);
        doIframePolling = undefined;
        $timeout.cancel(stopPolling);
        stopPolling = undefined;
        $scope.showIframe = true;
    }
},400);

stopPolling = $timeout(function () {
        $interval.cancel(doIframePolling);
        doIframePolling = undefined;
        $timeout.cancel(stopPolling);
        stopPolling = undefined;
        $scope.showIframe = false;     
},5000);

 $scope.$on("$destroy",function() {
        $timeout.cancel(stopPolling);
        $interval.cancel(doIframePolling);
 });

toutes les 0.4 secondes, continuez à vérifier la tête du document iFrame. J'ai quelque chose est présent.Le chargement n'a pas été arrêté par CORS car L'erreur de CORS indique une page vierge. Si rien n'est présent après 5 secondes, il y a eu une erreur (Cors politique), etc.. Afficher le message approprié.Grâce. J'espère que cela résout votre problème.

il s'agit d'une légère modification à la réponse D'Edens - qui pour moi dans chrome n'a pas compris l'erreur. Bien que vous obtiendrez toujours une erreur dans la console: "A refusé d'affichage" https://www.google.ca/ " dans un cadre, car il set 'X-Frame-Options" à "sameorigin'."Au moins, cela captera le message d'erreur et vous pourrez y faire face.

 <iframe id="myframe" src="https://google.ca"></iframe>

 <script>
 myframe.onload = function(){
 var that = document.getElementById('myframe');

 try{
    (that.contentWindow||that.contentDocument).location.href;
 }
 catch(err){
    //err:SecurityError: Blocked a frame with origin "http://*********" from accessing a cross-origin frame.
    console.log('err:'+err);
}
}
</script>

j'ai le même problème, chrome ne peut pas démarrer onerror si une erreur de charge srcrame.

mais dans mon cas, J'ai juste besoin de faire une requête http de domaine croisé, j'utilise donc script src/onload / onerror à la place d'iframe. il fonctionne bien.