Firefox 互換 iframe 高適応 code_html/css_WEB-ITnose

iframe の高さの適応性に関するコードはインターネット上にたくさんありますが、この記事では実用性に基づいて次のコードを整理します:

JavaScript 部分:

JavaScript コードを折りたたんでコンテンツをクリップボードにコピーします

<script type="text/javascript"> function SetCwinHeight(iframeObj){ if (document.getElementById){ if (iframeObj){ if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){ iframeObj.height = iframeObj.contentDocument.body.offsetHeight; } else if (document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;   } } } } </script> 

html部分:

XML/HTMLコードを折りたたみ、内容をクリップボードにコピーします

<iframe name="frameContent" src="*" frameborder="0" width="100%" onload="SetCwinHeight(this)"></iframe> 

*が付いている部分にはiframeページのアドレスを記入してください。 src アドレスは同じ Web サイト内にある必要があり、そうでない場合は「許可が禁止されています」エラーが発生することに注意してください。