Поймать ошибку, если iframe src не удается загрузить. Ошибка: - " отказано в отображении 'http://www.google.co.in-в кадре.."

Я думаю, что вы можете связать load событие iframe, событие срабатывает, когда содержимое iframe полностью загружен.

в то же время вы можете запустить setTimeout, если iframe загружен очистить тайм-аут альтернативно пусть тайм-аут огонь.

код:

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);
    }));

});

демо: http://jsfiddle.net/IrvinDominin/QXc6P/

вторая проблема

это потому, что вы пропустите parens в inline вызов функции; попробуйте изменить это:

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

в:

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

демо: http://jsfiddle.net/IrvinDominin/ALBXR/4/

onload всегда будет триггер, я slove эта проблема использовать try catch block.It вызовет исключение при попытке получить contentDocument.

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

я столкнулся с подобной проблемой. Я решил его без использования обработчика onload.Я работал над проектом AngularJs, поэтому я использовал $interval и $ timeout. U также может использовать setTimeout и setInterval.Вот код:

 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);
 });

каждые 0,4 секунды продолжайте проверять заголовок документа iFrame. У меня что-то есть.Загрузка не была остановлена CORS, так как ошибка CORS показывает пустую страницу. Если ничего нет после 5 секунд была какая-то ошибка (политика Cors) и т. д.. Показать подходящий сообщение.Спасибо. Я надеюсь, что это решит вашу проблему.

Это небольшая модификация ответа Edens - который для меня в chrome не поймал ошибку. Хотя вы все равно получите сообщение об ошибке в консоли: "Отказался дисплей 'https://www.google.ca/ в кадр, потому что это набор 'параметры фрейма X' до 'sameorigin'."По крайней мере, это поймает сообщение об ошибке, а затем вы можете справиться с этим.

 <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>

У меня та же проблема, chrome не может запускать onerror при ошибке загрузки iframe src.

но в моем случае, Мне просто нужно сделать междоменный http-запрос, поэтому я использую скрипт src/onload/onerror вместо iframe. это хорошо работает.