HTML DOM iframe Object แสดงถึงองค์ประกอบ ของเอกสาร HTML</P> <p> ให้เราสร้างวัตถุ iframe -</P> <h2>ไวยากรณ์</h2> <p> ต่อไปนี้เป็นไวยากรณ์ -</P> <pre>document.createElement(“IFRAME”);</pre> <h2>คุณสมบัติ</h2> <p> ต่อไปนี้เป็นคุณสมบัติของ iframe Object −</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>ส่งคืนวัตถุเอกสารที่สร้างโดยองค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>contentWindow <br> </td> <td>ส่งคืนวัตถุหน้าต่างที่สร้างโดยองค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>ความสูง <br> </td> <td>ส่งกลับและแก้ไขค่าแอตทริบิวต์ความสูงขององค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>ชื่อ <br> </td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ชื่อขององค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>แซนด์บ็อกซ์ <br> </td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์แซนด์บ็อกซ์ขององค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>ไร้รอยต่อ <br> </td> <td>ส่งกลับและแก้ไขว่า iframe ควรมีลักษณะไร้รอยต่อเหมือนเป็นส่วนหนึ่งของหน้าเว็บหรือไม่ เช่น ไม่มีขอบและไม่มีแถบเลื่อน <br> </td> </tr> <tr><td>src <br> </td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ src ขององค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>srcdoc <br> </td> <td>ส่งกลับและแก้ไขค่าของแอตทริบิวต์ srcdoc ขององค์ประกอบ HTML ของ iframe <br> </td> </tr> <tr><td>ความกว้าง <br> </td> <td>ส่งกลับและแก้ไขค่าแอตทริบิวต์ width ขององค์ประกอบ HTML ของ iframe <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 Object ' src="/article/uploadfiles/202203/2022033116104880.jpg" /></P> <p> คลิกที่ “<strong>คลิกฉันเพื่อสร้าง iframe</strong> ” เพื่อสร้าง iframe -</P> <p> <img loading='lazy' alt='HTML DOM iFrame Object ' src="/article/uploadfiles/202203/2022033116104844.jpg" /></P> <br> </article> <div class="ad 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://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064433.html' >วัตถุรูปภาพ HTML DOM </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064435.html' >HTML DOM HTML Object </a> </div> </section> <section class="box1-3"> <ol class="f-between"> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004064854.html" class="title"> <p class="r-over r-over-2" title="วัตถุ HTML DOM DT "> วัตถุ HTML DOM DT </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004064859.html" class="title"> <p class="r-over r-over-2" title="วัตถุ HTML DOM dl "> วัตถุ HTML DOM dl </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065239.html" class="title"> <p class="r-over r-over-2" title="วัตถุ HTML DOM HR "> วัตถุ HTML DOM HR </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065382.html" class="title"> <p class="r-over r-over-2" title="HTML DOM Ul Object "> HTML DOM Ul Object </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> HTML </strong> <ol> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064433.html" title="วัตถุรูปภาพ HTML DOM "> <p class="r-over r-over-2">วัตถุรูปภาพ HTML DOM </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064435.html" title="HTML DOM HTML Object "> <p class="r-over r-over-2">HTML DOM HTML Object </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064523.html" title="ออบเจ็กต์ส่วน HTML DOM "> <p class="r-over r-over-2">ออบเจ็กต์ส่วน HTML DOM </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064524.html" title="วัตถุตัวอย่าง HTML DOM "> <p class="r-over r-over-2">วัตถุตัวอย่าง HTML DOM </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064525.html" title="วัตถุอ้างอิง HTML DOM "> <p class="r-over r-over-2">วัตถุอ้างอิง HTML DOM </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064770.html" class="i-text"><p class="r-over r-over-3">HTML DOM Mark Object </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064783.html" class="i-text"><p class="r-over r-over-3">วัตถุ HTML DOM blockquote </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064785.html" class="i-text"><p class="r-over r-over-3">วัตถุ HTML DOM Bdo </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064799.html" class="i-text"><p class="r-over r-over-3">HTML DOM วัตถุตัวหนา </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064843.html" class="i-text"><p class="r-over r-over-3">วัตถุ HTML DOM DD </p></a> </li> </ul> <ul class="types f-between"> <li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer> <section class="msg f-center container"> <span class="f-start"> ลิขสิทธิ์ © <a href="https://th.wsxdn.com">https://th.wsxdn.com</a> สงวนลิขสิทธิ์ </span> </section> </footer> </body> </html>
