IFrame里面的子頁面html內容變化時，怎么動態改變IFrame的高度？

專業回答

1、在IFrame的具體頁面(就是子頁面)，添加JavaScript

         
         
         
                 
          
          
          
                  <script> 
          
          
          
                  function IFrameResize(){ 
          
          
          
                  
          
          
          
                  //alert(this.document.body.scrollHeight); //彈出當前頁面的高度 
          
          
          
                  var obj = parent.document.getElementById("childFrame"); //取得父頁面IFrame對象 
          
          
          
                  //alert(obj.height); //彈出父頁面中IFrame中設置的高度 
          
          
          
                  obj.height = this.document.body.scrollHeight; //調整父頁面中IFrame的高度為此頁面的高度 
          
          
          
                  
          
          
          
                  } 
          
          
          
                  </script>

2、在IFrame的具體頁面(就是子頁面)的body中，添加onload事件

         
         
         
                 
          
          
          
                  <body onload="IFrameResize()">

3、為父頁面的IFrame標簽添加ID，即上面第一步，方法體中的第2行所寫到的childFrame

         
         
         
                 
          
          
          
                  <IFRAME border=0 marginWidth=0 
          
          
          
                  frameSpacing=0 marginHeight=0 
          
          
          
                  src="frame1.jsp" frameBorder=0 
          
          
          
                  noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></IFRAME>

IFrame里面的子頁面html內容變化時，怎么動態改變IFrame的高度？

IFrame里面的子頁面html內容變化時，怎么動態改變IFrame的高度？

免責聲明！