HTML DOM iFrame অবজেক্ট

HTML DOM iFrame অবজেক্ট একটি HTML ডকুমেন্টের <iframe> এলিমেন্টকে রিপ্রেজেন্ট করে। এটি একটি ইনলাইন ফ্রেম তৈরি করে যেখানে অন্য একটি HTML ডকুমেন্ট প্রদর্শন করা হয়।

সিনট্যাক্স: iFrame অবজেক্ট তৈরি

document.createElement("IFRAME");

iFrame অবজেক্টের প্রধান প্রপার্টি

উদাহরণ: জাভাস্ক্রিপ্ট দিয়ে iFrame তৈরি করা

<!DOCTYPE html>
<html>
<head>
    <style>
        body { text-align: center; }
        .btn {
            background-color: lightblue; border: none; height: 2rem;
            border-radius: 50px; width: 60%; margin: 1rem auto; display: block;
        }
    </style>
</head>
<body>
    <h1>DOM IFrame Object Example</h1>
    <button onclick="createIframe()" class="btn">Click me to create an iframe</button>

    <script>
        function createIframe() {
            var x = document.createElement("IFRAME");
            x.setAttribute("src", "https://tutorialspoint.com/");
            document.body.appendChild(x);
        }
    </script>
</body>
</html>

আউটপুট

বাটনে ক্লিক করলে পেজে tutorialspoint.com লোড হওয়া একটি iFrame দেখাবে।

গুরুত্বপূর্ণ নোট

• Same-Origin Policy: ভিন্ন ডোমেনের iFrame-এ contentDocument বা contentWindow অ্যাক্সেস করা সিকিউরিটি কারণে ব্লক থাকে।
• sandbox অ্যাট্রিবিউট ব্যবহার করে iFrame-এর ক্ষমতা সীমাবদ্ধ করা যায় (যেমন: স্ক্রিপ্ট ব্লক, ফর্ম সাবমিশন ব্লক)।
• srcdoc দিয়ে ছোট HTML স্নিপেট সরাসরি এম্বেড করা যায়।