HTML DOM iframe অবজেক্ট একটি HTML নথির উপাদানকে প্রতিনিধিত্ব করে।</P> <p> এখন আইফ্রেম অবজেক্ট −</P> তৈরি করি <h2>সিনট্যাক্স</h2> <p> নিচের সিনট্যাক্স −</P> <pre>document.createElement(“IFRAME”);</pre> <h2>সম্পত্তি</h2> <p> নিচে iframe অবজেক্টের বৈশিষ্ট্য −</P> <table><thead><tr><th style="text-align:center;">সম্পত্তি <br> </th> <th style="text-align:center;">ব্যাখ্যা <br> </th> </tr> </thead> <tbody><tr><td>সামগ্রী ডকুমেন্ট <br> </td> <td>এটি একটি iframe HTML উপাদান দ্বারা উত্পন্ন নথি বস্তু ফেরত দেয়। <br> </td> </tr> <tr><td>সামগ্রী উইন্ডো <br> </td> <td>এটি একটি iframe HTML উপাদান দ্বারা উত্পন্ন উইন্ডো অবজেক্ট ফেরত দেয়। <br> </td> </tr> <tr><td>উচ্চতা <br> </td> <td>এটি একটি iframe HTML উপাদানের উচ্চতা বৈশিষ্ট্যের মান প্রদান করে এবং পরিবর্তন করে। <br> </td> </tr> <tr><td>নাম <br> </td> <td>এটি একটি iframe HTML উপাদানের নামের বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। <br> </td> </tr> <tr><td>স্যান্ডবক্স <br> </td> <td>এটি একটি iframe HTML উপাদানের স্যান্ডবক্স অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। <br> </td> </tr> <tr><td>বিরামহীন <br> </td> <td>এটি ফিরে আসে এবং পরিবর্তন করে যে আইফ্রেমটি নিরবিচ্ছিন্ন দেখতে হবে যেমন এটি ওয়েব পৃষ্ঠার একটি অংশ যেমন সীমানা ছাড়া এবং স্ক্রলবার ছাড়া। <br> </td> </tr> <tr><td>src <br> </td> <td>এটি একটি iframe HTML এলিমেন্টের src অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। <br> </td> </tr> <tr><td>srcdoc <br> </td> <td>এটি একটি iframe HTML উপাদানের srcdoc অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে। <br> </td> </tr> <tr><td>প্রস্থ <br> </td> <td>এটি একটি iframe HTML উপাদানের প্রস্থ বৈশিষ্ট্যের মান প্রদান করে এবং পরিবর্তন করে। <br> </td> </tr> </tbody> </table> <h2>উদাহরণ</h2> <p> আসুন DOM iframe অবজেক্ট -</P> এর একটি উদাহরণ দেখি <pre><!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; } </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></pre> <h2>আউটপুট</h2> <p> এটি নিম্নলিখিত আউটপুট −</P> তৈরি করবে <p> <img loading='lazy' alt='HTML DOM iFrame অবজেক্ট ' src="/article/uploadfiles/202203/2022033116104880.jpg" /></P> <p> “<strong>একটি iframe তৈরি করতে আমাকে ক্লিক করুন</strong>-এ ক্লিক করুন৷ ” একটি আইফ্রেম তৈরি করতে বোতাম -</P> <p> <img loading='lazy' alt='HTML DOM iFrame অবজেক্ট ' src="/article/uploadfiles/202203/2022033116104844.jpg" /></P> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006064433.html' >HTML DOM ইমেজ অবজেক্ট </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006064435.html' >HTML DOM HTML অবজেক্ট </a> </div> </section> </div> <aside class="box-r"> <section class="box42"> <ol> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064433.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM ইমেজ অবজেক্ট ">HTML DOM ইমেজ অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064435.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM HTML অবজেক্ট ">HTML DOM HTML অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064523.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM সেকশন অবজেক্ট ">HTML DOM সেকশন অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064524.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM স্যাম্প অবজেক্ট ">HTML DOM স্যাম্প অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064525.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM কোট অবজেক্ট ">HTML DOM কোট অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064526.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM অগ্রগতি অবজেক্ট ">HTML DOM অগ্রগতি অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064529.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM অপশন অবজেক্ট ">HTML DOM অপশন অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064548.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM প্রি অবজেক্ট ">HTML DOM প্রি অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064643.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM S অবজেক্ট ">HTML DOM S অবজেক্ট </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064644.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML DOM সাবস্ক্রিপ্ট অবজেক্ট ">HTML DOM সাবস্ক্রিপ্ট অবজেক্ট </p> </a> </li> </ol> </section> </aside> </section> </section> <section class="box13 content box44"> <ol class="f-between"> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064854.html" class="i-text"> <p class="r-over r-over-2">HTML DOM DT অবজেক্ট </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064859.html" class="i-text"> <p class="r-over r-over-2">HTML DOM dl অবজেক্ট </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065239.html" class="i-text"> <p class="r-over r-over-2">HTML DOM HR অবজেক্ট </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006065382.html" class="i-text"> <p class="r-over r-over-2">HTML DOM Ul অবজেক্ট </p> </a> </li> </ol> </section> <ul class="types box23 content f-start"> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ca644u/' target="_self">C প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk645f/' target="_self">C++</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf646z/' target="_self">Redis</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/fd647x/' target="_self">BASH প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/db648w/' target="_self">Python</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vs649n/' target="_self">Java</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/tr650l/' target="_self">তথ্যশালা</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf651z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mj652e/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ki653c/' target="_self">প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/bz654t/' target="_self">CSS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/zx655s/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/nl656f/' target="_self">SQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/sq657k/' target="_self">IOS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/qo658j/' target="_self">Android</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vt659n/' target="_self">mongodb</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/us660m/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/by661t/' target="_self">C#</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk665e/' target="_self">PHP</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/he671z/' target="_self">SQL সার্ভার</a></li> </ul> <footer> <section class="msg f-center content"> <span class="f-start"> কপিরাইট © <a href="https://bd.wsxdn.com">https://bd.wsxdn.com</a> সমস্ত অধিকার সংরক্ষিত </span> </section> </footer> </body> </html>
