इस कोडलैब में, देखें कि iframe में मौजूद डेटा को ऐक्सेस करते समय, एक ही ऑरिजिन की नीति कैसे काम करती है.
सेट अप: सेम-ऑरिजिन वाले iframe वाला पेज
इस पेज में एक iframe एम्बेड किया गया है, जिसे iframe.html कहा जाता है. यह उसी ऑरिजिन में मौजूद है.
होस्ट और iframe का ऑरिजिन एक ही होने की वजह से, होस्ट साइट iframe में मौजूद डेटा को ऐक्सेस कर सकती है. साथ ही, वह सीक्रेट मैसेज को इस तरह दिखा सकती है.
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
क्रॉस-ऑरिजिन iframe में बदलें
iframe के src को https://other-iframe.glitch.me/ में बदलकर देखें.
क्या होस्ट पेज अब भी गुप्त मैसेज को ऐक्सेस कर सकता है?
होस्ट और एम्बेड किए गए iframe का ऑरिजिन एक जैसा नहीं है. इसलिए, डेटा का ऐक्सेस प्रतिबंधित है.