В этой практической работе вы узнаете, как работает правило ограничения домена при доступе к данным в iframe.
Настройка: страница с iframe из того же источника
На этой странице встроен элемент iframe с названием iframe.html, который находится в том же источнике.
Поскольку у хоста и iframe один и тот же источник, сайт-хост может получить доступ к данным внутри iframe и раскрыть секретное сообщение, как показано ниже.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Изменить на iframe из разных источников
Попробуйте изменить свойство src элемента iframe на https://other-iframe.glitch.me/.
Может ли страница хоста по-прежнему получить доступ к секретному сообщению?
Поскольку хост и встроенный элемент iframe имеют разное происхождение, доступ к данным ограничен.