Dans cet atelier de programmation, découvrez comment fonctionne la règle d'origine commune lors de l'accès aux données dans un iFrame.
Configuration : page avec un iframe de même origine
Cette page intègre un iframe, appelé iframe.html, dans la même origine.
Comme l'hôte et l'iframe partagent la même origine, le site hôte peut accéder aux données de l'iframe et exposer le message secret, comme ci-dessous.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
Passer à un iFrame interorigine
Essayez de remplacer la propriété src de iframe par https://other-iframe.glitch.me/.
La page hôte peut-elle toujours accéder au message secret ?
Comme l'hôte et l'iframe intégré n'ont pas la même origine, l'accès aux données est limité.