ホームページ  >  記事  >  ウェブフロントエンド  >  JS を使用して iframe 適応高さを実装する方法の例

JS を使用して iframe 適応高さを実装する方法の例

高洛峰
高洛峰オリジナル
2017-01-09 09:05:46980ブラウズ

この記事の例では、JS で iframe 適応高さを実装する方法を説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

<iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling="no" frameborder="0" >
</iframe>
<script type="text/javascript" language="javascript">
function reinitIframe(){
 var iframe = document.getElementById("mainFrame");
 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("reinitIframe()", 100);
</script>

この記事が JavaScript プログラミングの皆さんに役立つことを願っています。

iframe 適応高さを実装するための JS メソッドのその他の例と関連記事については、PHP 中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。