JavaScript: как проверить, загружен ли Iframe или имеет ли он контент

Чтобы проверить, загружен ли iframe или имеет ли он содержимое в JavaScript, вы можете использовать несколько методов. Вот несколько подходов:

  1. Использование события onload: вы можете прикрепить обработчик событий onloadк iframe и вызвать функцию после завершения загрузки iframe. Этот метод предполагает, что источник iframe находится в том же домене.
var iframe = document.getElementById('myIframe');
iframe.onload = function() {
  // The iframe has finished loading
  console.log('Iframe loaded');
};
  1. Проверка объекта contentWindowiframe: вы можете проверить, доступно ли свойство contentWindowiframe. Это означает, что iframe загрузился и готов к работе.
var iframe = document.getElementById('myIframe');
if (iframe.contentWindow) {
  // The iframe has loaded and has content
  console.log('Iframe has content');
}
  1. Проверка объекта contentDocumentiframe. Аналогичным образом вы можете проверить, существует ли свойство contentDocumentiframe. Это свойство обеспечивает доступ к документу внутри iframe.
var iframe = document.getElementById('myIframe');
if (iframe.contentDocument && iframe.contentDocument.readyState === 'complete') {
  // The iframe has loaded and has content
  console.log('Iframe has content');
}

Это несколько способов проверить, загружен ли iframe и имеет ли он контент. Вы можете выбрать метод, который соответствует вашим конкретным требованиям.