JQuery 적응형 IFrame 높이(중첩 지원 및 IE, ff, safafi, chrome과 호환됨)

코드 복사 코드는 다음과 같습니다. function adjustIFramesHeightOnLoad(iframe) { var iframeHeight = Math.min(iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight) $(iframe).height(iframeHeight); 🎜> 실패한 테스트 얘기는 하지 않고 바로 본론으로 들어가겠습니다. 링크 2개와 iframe: 코드 복사 코드는 다음과 같습니다. &lt ;li&gt ; 개인정보 비밀번호 수정 js 코드: 코드 복사 코드는 다음과 같습니다. $(function(){ $("#c-c-iframe").load(function(){ $(this) .height( $(this).contents().find("#content").height() 40) }) }); /script> 여기서 find("#content")는 iframe 콘텐츠 문서에서 콘텐츠 ID의 높이를 찾는 것입니다(또 다른 예는 find("body")입니다). iframe에 마찬가지로 너비를 설정하고 필요한 친구에게 맡겨서 시도해 볼 수도 있습니다. 이것은 과도한 콘텐츠로 인해 iframe이 차단되지 않는 문제를 해결합니다(스크롤링="no"로 설정했기 때문). PS: 기본적으로 새로 고침을 수행하지 않고 브라우저의 뒤로 버튼과 호환되도록 iframe을 사용하는 데 우선순위를 두겠습니다. iframe을 사용하여 플래시를 로드하는 것은 매우 좋습니다. js 호출이나 개체를 작성할 필요가 없습니다. 태그이며 W3C 표준도 준수합니다. 2008년 11월 28일 17시 13분 31초, 금일 사용 중 실제 상황에 맞춰 일부 개선되었으며, 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다: $(function( ){ $("#workArea").load(function(){ var height = $(this).contents().find("#box").height() 40; //최소 높이 $(this).height( height }); ;/script> 또한 find("body")를 사용하는 것이 사용하기 쉽지 않고 매우 부정확하다는 것을 알았습니다.