Как передать данные из iframe в родительское окно?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

// В родительском окне:
window.addEventListener('message', receiveMessage, false);

function receiveMessage(event) {
  if (event.origin !== 'https://example.com') return; // Проверка на домен отправителя
  const data = event.data; // Получение данных из сообщения
  // Обработка полученных данных
}

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.parent.postMessage(data, 'https://example.com');

1
2
3
4
5
6
7
8

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.parent.myFunction(data); // Вызов функции родительского окна с передачей данных

// В родительском окне:
function myFunction(data) {
  // Обработка полученных данных
}

1
2
3
4
5
6

// В iframe:
const data = { key: 'value' }; // Данные, которые нужно передать
window.name = JSON.stringify(data); // Установка данных в свойство window.name

// В родительском окне:
const iframeData = JSON.parse(iframe.contentWindow.name); // Получение данных из iframe