iframe_javascript 기술의 자동 적응 높이를 구현하는 js 메소드

이 기사의 예에서는 js에서 iframe의 자동 적응 높이를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

웹 페이지를 작성할 때 iframe 높이를 자동으로 조정해야 하는 경우가 많습니다. iframe에 목록이 포함된 경우 데이터를 추가하고 목록을 새로 고치면 iframe 높이가 자동으로 확장됩니다. 데이터를 삭제한 후에는 iframe 높이가 자동으로 짧아집니다.

다음 코드 조각을 iframe이 있는 html 또는 jsp 페이지에 복사하세요. 73a6ac4ed44ffec12cee46588e518a5e 태그 다음에 이 함수를 호출하세요.

<script type="text/javascript">
  autoAdjustWindow();
</script>
<script type="text/javascript">
//自动调整iframe的高度,自适应树的展开和收缩
function autoAdjustWindow(){ 
  try{ 
    window.frameElement.height=document.body.scrollHeight;
    window.frameElement.parentElement.height=document.body.scrollHeight;
    window.frameElement.width=document.body.scrollWidth;
   window.frameElement.parentElement.width=document.body.scrollWidth; 
  }catch(e){
 
  }
}
</script>

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.