Как взаимодействовать с iframe кроме postMessage

Для взаимодействия с iframe помимо postMessage можно использовать:

1. Доступ через contentWindow и contentDocument
   Если iframe находится в том же домене, можно напрямую обращаться к его DOM:
   javascript

   Копировать

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

2. Совместные события
   Можно использовать общие события, например, storage при работе с localStorage/sessionStorage:

   javascript

   Копировать

   // Родительская страница
   localStorage.setItem('message', 'Hello iframe');
   
   // iframe
   window.addEventListener('storage', (e) => {
     if (e.key === 'message') console.log(e.newValue);
   });

3. URL-параметры
   Передача данных через хэш или query-параметры при изменении src:

   javascript

   Копировать

   iframe.src = 'iframe.html?data=123';

4. Совместные библиотеки
   Если обе страницы загружают одну и ту же JS-библиотеку (например, Redux), можно использовать общее хранилище.

⚠️ Важно: методы, кроме postMessage, работают только в рамках одного домена из-за политики CORS.