<div class="codetitle"> <span><a style="CURSOR: pointer" data="3156" class="copybut" id="copybut3156" onclick="doCopy('code3156')"><u>コードをコピー</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code3156"> <br>functionAdjustIFramesHeightOnLoad(iframe) { <br>var iframeHeight = Math.min (iframe.contentWindow.window.document.documentElement.scrollHeight, iframe.contentWindow.window.document.body.scrollHeight); <br>$(iframe).height(iframeHeight); 🎜> <br>失敗したテストについては話しません。早速話しましょう。 <br>2 つのリンクと iframe: </div> <br><br><br><div class="codetitle">コードをコピー <span><a style="CURSOR: pointer" data="94870" class="copybut" id="copybut94870" onclick="doCopy('code94870')"><u> コードは次のとおりです: </u></a> </span>< ;li> ;<a href="selfinfo.jsp" target="c-c-iframe" title="個人情報" >個人情報</a></li> </div><li><a href = "modifypass.jsp" target="c-c-iframe" title="パスワードを変更" >パスワードを変更</a></li> <div class="codebody" id="code94870"><iframe src="init.jsp" id="c-c- iframe" name="c-c-iframe" width="500px;" Frameborder="0"scrolling="no" marginwidth="0" marginheight="0"></iframe> <br><br> <br>js コード: <br> </div> <br><br><div class="codetitle">コードをコピー <span><a style="CURSOR: pointer" data="72844" class="copybut" id="copybut72844" onclick="doCopy('code72844')"><u> コードは次のとおりです: </u></a> </span><script type= "text/javascript"> </div><!-- <div class="codebody" id="code72844">$(function(){ <BR>$("#c-c-iframe").load(function(){ <BR>$(this) .height( $(this).contents().find("#content").height() 40); <BR>-->< /script> <br><br> <br>ここでの find("#content") は、iframe コンテンツ ドキュメント内のコンテンツの ID の高さを検索し (別の例は find("body") です)、 <br> 同様に、幅を設定することもできます。必要な友達に試してもらいましょう。 <br>これにより、過剰なコンテンツによって iframe がブロックされない問題が解決されます (scrolling="no" を設定したため)。 <br>追伸: 基本的に、更新を行わず、ブラウザの戻るボタンと互換性を持たせるために iframe を使用することを優先します。iframe を使用してフラッシュをロードするのは非常に優れています。js 呼び出しやオブジェクトを記述する必要はありません。タグを備えており、W3C 標準にも準拠しています。 <br>2008 年 11 月 28 日 17:13:31、今日の使用中の実際の状況に応じていくつかの改善が行われました。コードは次のとおりです: <br><br><br><br>コードをコピー<br> <br><div class="codetitle"> コードは次のとおりです。 <span><a style="CURSOR: pointer" data="12365" class="copybut" id="copybut12365" onclick="doCopy('code12365')"> <u><script type="text/javascript"> </u><!-- </a>$(function( ){ </span> $("#workArea").load(function(){ </div>var height = $(this).contents().find("#box").height() 40; <div class="codebody" id="code12365"> // これにより、最小の高さ <BR>$(this).height(height <BR>-->< ;/script> <br><br> <br>find("body") の使用は簡単ではなく、非常に不正確であることもわかりました。</a></span> </div>