動態的改變IFrame的高度
阿新 • • 發佈：2018-12-27
動態的改變IFrame的高度，實現IFrame自動伸展，父頁面也自動神縮 原理： 在IFrame子頁面一載入的時候，呼叫父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>