এই কোডল্যাবে, iframe-এর মধ্যে ডেটা অ্যাক্সেস করার সময় একই-উৎপত্তি নীতি কীভাবে কাজ করে তা দেখুন।
সেট-আপ: একই-অরিজিন iframe সহ পৃষ্ঠা
এই পৃষ্ঠাটি একই অরিজিনে iframe.html নামে একটি iframe এম্বেড করে।
যেহেতু হোস্ট এবং iframe একই উৎস শেয়ার করে, তাই হোস্ট সাইট iframe-এর মধ্যে ডেটা অ্যাক্সেস করতে এবং নিচে দেখানো উদাহরণের মতো গোপন মেসেজ প্রকাশ করতে পারে।
const iframe = document.getElementById('iframe');
const message = iframe.contentDocument.getElementById('message').innerText;
ক্রস-অরিজিন iframe-এ পরিবর্তন করুন
iframe-এর src পরিবর্তন করে https://other-iframe.glitch.me/ করার চেষ্টা করুন।
হোস্ট পৃষ্ঠা কি এখনও গোপন মেসেজ অ্যাক্সেস করতে পারবে?
হোস্ট এবং এম্বেড করা iframe-এর উৎস এক না হওয়ার কারণে, ডেটা অ্যাক্সেস করার সুবিধা সীমিত করা হয়েছে।