Как управлять iframe

Управлять iframe можно через JavaScript, используя его DOM-элемент или объект contentWindow. Основные методы:

1. Доступ к содержимому:
   javascript

   Копировать

   const iframe = document.getElementById('myIframe');
   const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

2. Изменение src:

   javascript

   Копировать

   iframe.src = 'https://example.com';

3. Общение между окнами (если домены совпадают или CORS настроен):

   • Родитель → iframe:
     javascript

     Копировать

     iframe.contentWindow.postMessage('Hello', 'https://iframe-origin.com');

   • iframe → родитель:
     javascript

     Копировать

     window.parent.postMessage('Hi', 'https://parent-origin.com');

4. События:

   javascript

   Копировать

   iframe.onload = () => console.log('iframe загружен');

Важно: доступ к содержимому возможен только при соблюдении политики одинакового источника (Same-Origin Policy). Для кросс-доменных iframe используйте postMessage.