假設網頁檔為:test.html
寫在 header 裡面:
<script language="JavaScript"> function SetWinHeight(obj){ //自動調整ifram高度 var win=obj; if (document.getElementById){ if(win && !window.opera){ if(win.contentDocument && win.contentDocument.body.offsetHeight){ win.height = win.contentDocument.body.offsetHeight; } else if(win.Document && win.Document.body.scrollHeight){ win.height = win.Document.body.scrollHeight; } } } } </script>
寫在內文裡面:
<iframe src="/abc/xyz.html" name="event" align="MIDDLE" width="800" height="600" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" onload="Javascript:SetWinHeight(this)">
</iframe>
參考
讓iframe自動調整高度 (Kris的電腦筆記) => 使用 Javascript
自動調整 iframe 高度(研發記錄簿) => 使用 jquery 外掛
沒有留言:
張貼留言