ใช้แท็ก HTML เพื่อสร้างเฟรมแบบอินไลน์</P> <h2 style="">ตัวอย่าง</h2> <pre><!DOCTYPE html> <html> <head> <title>HTML iframe Tag</title> </head> <body> <iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe> </body> </html></pre> <p> แอตทริบิวต์ srcdoc ระบุเนื้อหา HTML ของหน้าเว็บเพื่อแสดงใน iframe</P> <p style="">ทางเลือกของแอตทริบิวต์ srcdoc จะเป็น −</P> <pre>var doc = document.querySelector('#demo').contentWindow.document; var content = '<html></html>'; doc.open('text/html', 'replace'); doc.write(content); doc.close();</pre> <br> </article> <div class="ad ad5"> <script language='javascript' src='https://th.wsxdn.com/css/ad/th2.js'></script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/ec452w/1004056320.html' >ผู้ใช้สามารถปิดการใช้งาน HTML5 sessionStorage ได้หรือไม่ </a> </div> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/ec452w/1004056322.html' >การวาดเส้นที่มีความกว้างของเส้นที่แตกต่างกันอย่างต่อเนื่องบนผ้าใบ HTML </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/1004064157.html" class="title"> <p class="r-over r-over-2" title="จะระบุเนื้อหา HTML ของหน้าเพื่อแสดงใน <iframe> ใน HTML ได้อย่างไร "> จะระบุเนื้อหา HTML ของหน้าเพื่อแสดงใน <iframe> ใน HTML ได้อย่างไร </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004064434.html" class="title"> <p class="r-over r-over-2" title="HTML DOM iFrame Object "> HTML DOM iFrame Object </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065232.html" class="title"> <p class="r-over r-over-2" title="คุณสมบัติความยาวหน้าต่าง HTML "> คุณสมบัติความยาวหน้าต่าง HTML </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065445.html" class="title"> <p class="r-over r-over-2" title="ซีลีเนียมและ iframe ใน html "> ซีลีเนียมและ iframe ใน html </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> Javascript </strong> <ol> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004038929.html" title="HTML Iframe:คำแนะนำทีละขั้นตอน "> <p class="r-over r-over-2">HTML Iframe:คำแนะนำทีละขั้นตอน </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004054565.html" title="วิธีฝังไฟล์ PDF บนเว็บเพจด้วย HTML "> <p class="r-over r-over-2">วิธีฝังไฟล์ PDF บนเว็บเพจด้วย HTML </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004054571.html" title="HTML เทียบกับ HTML5 "> <p class="r-over r-over-2">HTML เทียบกับ HTML5 </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004055868.html" title="จะเปลี่ยนค่าของแอตทริบิวต์ใน javascript ได้อย่างไร? "> <p class="r-over r-over-2">จะเปลี่ยนค่าของแอตทริบิวต์ใน javascript ได้อย่างไร? </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056191.html" title="ข้อความโพสต์ iframe ข้ามเบราว์เซอร์ HTML5 - ลูกถึงผู้ปกครอง? "> <p class="r-over r-over-2">ข้อความโพสต์ iframe ข้ามเบราว์เซอร์ HTML5 - ลูกถึงผู้ปกครอง? </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056506.html" class="i-text"><p class="r-over r-over-3">เป็นทางเลือกแทน HTML5 iframe srcdoc หรือไม่ </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063919.html" class="i-text"><p class="r-over r-over-3">รวมส่วนหัวของเอกสารหรือส่วนใน HTML5 หรือไม่ </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063967.html" class="i-text"><p class="r-over r-over-3">จะเพิ่มวันที่และเวลาใน HTML5 ได้อย่างไร? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064019.html" class="i-text"><p class="r-over r-over-3">จะเพิ่มบทความใน HTML5 ได้อย่างไร? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004064040.html" class="i-text"><p class="r-over r-over-3">จะแสดงคำอธิบายประกอบทับทิมใน HTML5 ได้อย่างไร </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>
