JS를 사용하여 iframe 적응형 높이를 구현하는 방법의 예-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JS를 사용하여 iframe 적응형 높이를 구현하는 방법의 예

Jan 09, 2017 am 09:05 AM

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

&lt;iframe id=&quot;mainFrame&quot; name=&quot;mainFrame&quot; src=&quot;/zwgk/hsearchview&quot; width=&quot;740&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; &gt;
&lt;/iframe&gt;

로그인 후 복사

&lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot;&gt;
function reinitIframe(){
 var iframe = document.getElementById(&quot;mainFrame&quot;);
 try{
 var bHeight = iframe.contentWindow.document.body.scrollHeight;
 var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
 var height = Math.max(bHeight, dHeight);
 iframe.height = height;
 }catch (ex){}
 }
 window.setInterval(&quot;reinitIframe()&quot;, 100);
&lt;/script&gt;

로그인 후 복사

이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

iframe 적응형 높이를 구현하는 JS 메서드의 더 많은 예와 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.