Zasady tego samego pochodzenia i element iframe

Mariko Kosaka
X

W tym ćwiczeniu dowiesz się, jak działa zasada dotycząca tej samej domeny podczas uzyskiwania dostępu do danych w elemencie iframe.

Konfiguracja: strona z elementem iframe tego samego pochodzenia

Ta strona zawiera element iframe o nazwie iframe.html w tej samej domenie. Ponieważ host i element iframe mają to samo źródło, witryna hosta może uzyskać dostęp do danych w elemencie iframe i ujawnić tajną wiadomość, jak poniżej.

const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;

Zmiana na element iframe współdzielenia

Spróbuj zmienić src elementu iframe na https://other-iframe.glitch.me/. Czy strona hosta nadal ma dostęp do tajnej wiadomości?

Ponieważ host i umieszczony element iframe nie mają tego samego źródła, dostęp do danych jest ograniczony.