2011年10月21日 星期五

自動調整 iframe 高度


假設網頁檔為: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 外掛

沒有留言:

張貼留言