關於iframe 動態改變高度的問題,该怎么处理-HTML教程-爱易网页

關於iframe 動態改變高度的問題,该怎么处理

日期：2014-05-17　浏览次数：20803 次

關於iframe 動態改變高度的問題
請問一下~
我現在使用spry 的TabbedPanels 功能，
總共有四個tabs
每一個裡面各裝一個iframe
我想要讓每個iframe各自依照裡面所含的內容改變高度而不產生scrollbar
以下是我的程式內容

HTML code


<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"><div align="center">AAA</div></li>
    <li class="TabbedPanelsTab" tabindex="0"><div align="center">BBB</div></li>
    <li class="TabbedPanelsTab" tabindex="0"><div align="center">CCC</div></li>
    <li class="TabbedPanelsTab" tabindex="0"><div align="center">DDD</div></li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
      <iframe frameborder="0" name="frameA" id="frameA" src="aaa.jsp" width="1340" onload="this.height=frameA.document.body.scrollHeight"></iframe>
    </div>
    <div class="TabbedPanelsContent">
      <iframe frameborder="0" name="frameB" id="frameB" src="bbb.sjp" width="1280" onload="this.height=frameB.document.body.scrollHeight"></iframe>
    </div>
    <div class="TabbedPanelsContent">
      <iframe frameborder="0" name="frameC" id="frameC" src="ccc.jsp" width="900" onload="this.height=frameC.document.body.scrollHeight"></iframe>
    </div>
    <div class="TabbedPanelsContent">
      <iframe frameborder="0" name="frameD" id="frameD" src="ddd.jsp" width="1110" onload="this.height=frameD.document.body.scrollHeight"></iframe>
    </div>    
  </div>
</div>

不過，只有第一個Tab會根據其內容改變高度，其餘的Tab都不成功，請問是什麼原因呢?
要怎麼改呢?

謝謝各位的幫忙!!!

------解决方案--------------------
其他3个iframe打开页面上隐藏的吧？
你可以先去掉 src="ddd.jsp"这些url，在要显示的时候设置ddd.jsp

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

關於iframe 動態改變高度的問題,该怎么处理

相关资料更多>

推荐阅读更多>