iframe src가 image_javascript 기술일 때 적응성이 뛰어난 코드

iframe 높이 적용 문제는 인터넷에서 여러 번 논의되었습니다. 이는 일반적으로 iframe이 로드될 때 iframe 본문의 offsetHeight 및 offsetWidth에 액세스한 다음 iframe의 높이와 너비를 업데이트함으로써 달성됩니다.
오늘 직면한 적응 문제는 이전과 조금 다릅니다. 이번에는 src가 불확실한 크기의 사진입니다(데이터베이스에서 가져온 데이터에서 생성됨). 그다지 효과적이지 않은 것 같습니다. 갑자기 img 태그의 높이와 너비를 얻을 수 있다는 생각이 들었습니다. 그러다 문득 한 가지 생각이 떠올랐습니다.

해결책은 다음과 같습니다.
먼저 img 요소를 동적으로 생성하고 iframe 페이지가 로드될 때(onload) 해당 src를 img 태그에 할당한 다음 img의 높이와 너비를 가져옵니다. 그런 다음 iframe 높이 너비가 충분하도록 동적으로 수정하고 iframe 페이지 본문의 여백과 패딩을 0으로 설정하는 것을 잊지 마세요. 그렇지 않으면 패딩과 여백이 기본적으로 0이 아니기 때문에 스크롤 막대가 나타납니다.

<title> 새 문서 </title> <meta name="generator" content="editplus"> <meta name="author" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <input type="button" value="test" onclick="document.getElementById('a').style.display=''"> <iframe src="/images/logo.gif" id="a" style="display:none" scrolling="auto" onload="resize(this)"> </iframe>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]