이번에는 iframe 적응형 높이와 너비를 구현하는 jquery방법을 알려드리겠습니다. jquery가 iframe 적응형 높이와 너비를 구현하는 데 필요한 주의사항은 무엇인가요?
javascriptNative 및 jquery 라이브러리는 iframe 적응형 콘텐츠 높이 및 너비를 구현합니다---jQuery 코드를 권장합니다!
<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
Jquery 라이브러리 기반 코드는 구현하기 쉽습니다.
<script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 var height = $(this).contents().height() + 10; $(this).height( height < 500 ? 500 : height ); }); }); </script>
JS 기본 코드 구현 기반:
<script language="javascript"> if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;} </script>
iframe에서 호출하는 파일
뒤에 위 단락을 추가하면 됩니다. 콘텐츠 양에 따라 자동으로 커지도록 iframe 높이 제어
<iframe name="web" width="100%" frameborder=0 height="100%" src="index.php" id="web" onload="this.height=web.document.body.scrollHeight+20" ></iframe>
jquery 라이브러리를 사용하여 iframe 적응형 콘텐츠 높이 및 너비 구현
이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 콘텐츠를 확인하세요. PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!
추천 자료:
Jquery가 js 배열 및 객체를 작동하는 단계에 대한 자세한 설명
위 내용은 jquery에서 iframe 적응형 높이 및 너비를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!