Я добавляю внешний сценарий 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. Не могли бы вы помочь мне здесь?