Как проверить, загружен ли контент iframe (загружен из скрипта CDN) - PullRequest
0 голосов
/ 31 марта 2020

Я добавляю внешний сценарий CDN в свое приложение реакции, приложение имеет id="iframe-content", и сценарий встраивает iframe в этот идентификатор. Теперь мне нужно выполнить некоторые функции или обновить состояние, когда содержимое этого iframe полностью загружено. В данный момент я использую

window.addEventListener('load', (event) => {
        callReady()
    });

 function callReady() {
    // Get a handle to the iframe element
    var iframe = document.getElementById('i_frame');
    var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

    // Check if loading is complete
    if (iframeDoc.readyState == 'complete') {
        iframe.contentWindow.onload = function () {
            alert("I am loaded");
        };

        afterLoading();
        return;
    }
    window.setTimeout(callReady, 100);
}

function afterLoading() {
    alert("I am here");
}

Я также пытался

iframe.onload = function(event) {
        console.log('loaded')
    };

На самом деле ничего не работает, фактический контент iframe загружается после каждой функции загрузки. Мне нужно знать, когда загружен фактический контент iframe. Не могли бы вы помочь мне здесь?

...