페이지와 iframe에 동시에 스크롤 막대가 나타나는 현상을 피하기 위해 페이지 길이에 자동으로 적응할 수 있는 iframe의 적응형 높이를 구현하는 방법을 묻는 사람을 여러 번 보았습니다. 직장에 있어서 인터넷에 접속해서 여기저기 검색하고 복사하다가 페이지에 붙여넣어서 사용할 수 있는 기능이 나오더군요. 감히 독점적으로 보관할 수는 없지만 유용하다고 생각되면 소스 코드는 다음과 같습니다 코드 복사 코드는 다음과 같습니다. <br> //**iframe이 페이지에 자동으로 적응합니다 **// <br> <br> //페이지 높이에 따라 자동으로 조정하고 싶은 항목을 입력합니다. 높이 iframe 이름 목록 <br> // 각 iframe의 ID를 쉼표로 구분합니다. 예: ["myframe1", "myframe2"]가 있을 수 있습니다. 하나의 형식이므로 쉼표가 필요하지 않습니다. <br><br> //iframe의 ID 정의 <br> var iframeids=["test"] <br><br> //사용자의 브라우저가 iframe을 지원하지 않는 경우 iframe을 숨길지 여부 yes는 숨김을 의미하며, 아니요는 숨기기를 의미하지 않습니다 <br> var iframehide="yes" <br><br> function dyniframesize() <br> { <br> var dyniframe=new Array() <br> for (i=0; i<iframeids. length; i ) <BR> { <BR> if (document.getElementById) <BR> { <BR> //iframe 높이 자동 조정 <BR> dyniframe[dyniframe.length] = document.getElementById(iframeids[i]); <BR> if (dyniframe[i] && !window.opera) <BR> { <BR> dyniframe[i].style.display="block" <BR> if (dyniframe[i].contentDocument && dyniframe[i] .contentDocument.body.offsetHeight) //사용자의 브라우저가 NetScape인 경우 <BR> dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight <BR> else if (dyniframe[i].Document && dyniframe; [i ].Document.body.scrollHeight) //사용자의 브라우저가 IE인 경우 <BR> dyniframe[i].height = dyniframe[i].Document.body.scrollHeight; <BR> } <BR> } <BR> / /설정된 매개변수에 따라 iframe을 지원하지 않는 브라우저의 표시 문제를 처리합니다<BR> if ((document.all || document.getElementById) && iframehide=="no") <BR> { <BR> var tempobj= document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) <BR> tempobj.style.display="block" <BR> } <BR> } <BR> } <br> <br> if (window.addEventListener) <BR> window.addEventListener("load", dyniframesize, false) <BR> else if (window.attachEvent) <BR> window.attachEvent("onload", dyniframesize) <BR> else <BR> window.onload=dyniframesize <BR> 사용시
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
