คุณสมบัติความยาวหน้าต่าง HTML ส่งกลับจำนวนขององค์ประกอบ ในเอกสาร HTML ปัจจุบัน</P> <h2>ไวยากรณ์</h2> <p> ต่อไปนี้เป็นไวยากรณ์ -</P> <pre>window.length</pre> <p> ให้เราดูตัวอย่างคุณสมบัติความยาวหน้าต่าง HTML -</P> <h2>ตัวอย่าง</h2> <pre><!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem auto; } </style> <body> <h1>HTML Window length Property</h1> <iframe src="https://tutorialspoint.com/"></iframe> <button onclick="display()" class="btn">Show the number of iframe</button> <div class="show"></div> <script> function display() { document.querySelector('.show').innerHTML = 'Number of iframe is: ' + window.length; } </script> </body> </html></pre> <h2>ผลลัพธ์</h2> <p> <img loading='lazy' alt='คุณสมบัติความยาวหน้าต่าง HTML ' src="/article/uploadfiles/202203/2022033116465812.jpg" /></P> <p> คลิกที่ปุ่ม "แสดงจำนวน iframe" เพื่อแสดงจำนวน iframe ในเอกสาร HTML -</P> <p> <img loading='lazy' alt='คุณสมบัติความยาวหน้าต่าง HTML ' src="/article/uploadfiles/202203/2022033116465903.jpg" /></P> <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/zx451s/1004065231.html' >คุณสมบัติ HTML DOM pageBreakInside </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/zx451s/1004065233.html' >ตัวดำเนินการทางคณิตศาสตร์ HTML5 </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/1004065260.html" class="title"> <p class="r-over r-over-2" title="หน้า HTML หน้าต่างคุณสมบัติ YOffset "> หน้า HTML หน้าต่างคุณสมบัติ YOffset </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065422.html" class="title"> <p class="r-over r-over-2" title="คุณสมบัติหลักของหน้าต่าง HTML DOM "> คุณสมบัติหลักของหน้าต่าง HTML DOM </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065425.html" class="title"> <p class="r-over r-over-2" title="คุณสมบัติเฟรมหน้าต่าง HTML DOM "> คุณสมบัติเฟรมหน้าต่าง HTML DOM </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065426.html" class="title"> <p class="r-over r-over-2" title="คุณสมบัติ HTML DOM Window frameElement "> คุณสมบัติ HTML DOM Window frameElement </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 src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004064436.html" title="คุณสมบัติความยาวประวัติ HTML DOM "> <p class="r-over r-over-2">คุณสมบัติความยาวประวัติ HTML DOM </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/1004064485.html" title="HTML DOM เลือกความยาว คุณสมบัติ "> <p class="r-over r-over-2">HTML DOM เลือกความยาว คุณสมบัติ </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/1004064909.html" title="คุณสมบัติความยาวของแบบฟอร์ม HTML DOM "> <p class="r-over r-over-2">คุณสมบัติความยาวของแบบฟอร์ม HTML DOM </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/1004064956.html" title="คุณสมบัติความยาวพื้นที่เก็บข้อมูล HTML DOM "> <p class="r-over r-over-2">คุณสมบัติความยาวพื้นที่เก็บข้อมูล HTML DOM </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/1004065000.html" title="คุณสมบัติ HTML DOM defaultView "> <p class="r-over r-over-2">คุณสมบัติ HTML DOM defaultView </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065249.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติของหน้าต่าง HTML innerWidth </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065250.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติความสูงภายในหน้าต่าง HTML </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065253.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติการจัดเก็บข้อมูลเซสชันของหน้าต่าง HTML </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065254.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติตนเองของหน้าต่าง HTML </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004065255.html" class="i-text"><p class="r-over r-over-3">คุณสมบัติด้านบนของหน้าต่าง HTML </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>
