<시간/> 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> HTML 문서에 있는 iframe의 수를 표시하려면 "Show iframe 수" 버튼을 클릭하십시오 -</P> <p> <img loading='lazy' alt='HTML 창 길이 속성 ' src="/article/uploadfiles/202203/2022033116465903.jpg" /></P> <br> </article> <div class="ad5"> <script language='javascript' src='/ad/w.js'></script> </div> <div id="turn-page" class="text-over"> <a class='LinkPrevArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002065231.html' >HTML DOM 스타일 pageBreakInside 속성 </a> <a class='LinkNextArticle' href='https://kr.wsxdn.com/bz024t/hf251z/1002065233.html' >HTML5 수학 연산자 </a> </div> </section> <aside class="box-r box4-r"> <h3>HTML</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064436.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 기록 길이 속성 ">HTML DOM 기록 길이 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064485.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 길이 속성 선택 ">HTML DOM 길이 속성 선택 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064909.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 양식 길이 속성 ">HTML DOM 양식 길이 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002064956.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM 저장 길이 속성 ">HTML DOM 저장 길이 속성 </p> </a> </li><li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065000.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML DOM defaultView 속성 ">HTML DOM defaultView 속성 </p> </a> </li> </ul> <h3 class="h3-2">컴퓨터</h3> <ul> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065241.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 창 pageXOffset 속성 ">HTML 창 pageXOffset 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065242.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 창 screenY 속성 ">HTML 창 screenY 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065243.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 창 screenX 속성 ">HTML 창 screenX 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065244.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 창 screenTop 속성 ">HTML 창 screenTop 속성 </p> </a> </li> <li> <a href="https://kr.wsxdn.com/bz024t/hf251z/1002065245.html" class="f-start"> <em></em> <p class="r-over r-over-2" title="HTML 창 screenLeft 속성 ">HTML 창 screenLeft 속성 </p> </a> </li> </ul> </aside> </section> </div> <ul class="types box4-1 container f-center"> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ol244g/' target="_self">C 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd245y/' target="_self">C++</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/xv246p/' target="_self">Redis</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig247a/' target="_self">BASH 프로그래밍</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ge248y/' target="_self">Python</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/jh249b/' target="_self">Java</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw250q/' target="_self">데이터 베이스</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/hf251z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ig252a/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/qo253i/' target="_self">프로그램 작성</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/vs254n/' target="_self">CSS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/fd255x/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ay256s/' target="_self">SQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/yw257q/' target="_self">IOS</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/wu258o/' target="_self">Android</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/nl259f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/mk260e/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/ax261s/' target="_self">C＃</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/bz265t/' target="_self">PHP</a></li> <li><a class='childclass' href='https://kr.wsxdn.com/bz024t/zx271r/' target="_self">SQL Server</a></li> </ul> <footer> <section class="container"> <div class="footer-msg"> <span class="container f-center"> <p class=krf>저작권 © <a href="https://kr.wsxdn.com">https://kr.wsxdn.com</a> 모든 권리 보유</p> </span> </div> </section> </footer> </body> </html>
