iframe自適應(yīng)高度的js代碼

2011-01-26 16:54:33來源:作者:

有不少wBox的用戶反映iframe時(shí)候不可以自動(dòng)撐開高度,今天在無意中看到了司徒正美的一片關(guān)于iframe自適用高度的js代碼,感覺不錯(cuò),轉(zhuǎn)載來了。

有不少wBox的用戶反映iframe時(shí)候不可以自動(dòng)撐開高度,今天在無意中看到了司徒正美的一片關(guān)于iframe自適用高度的js代碼,感覺不錯(cuò),轉(zhuǎn)載來了。

var adjustIframe = function (id) {
    var iframe = document.getElementById(id)
    var idoc = iframe.contentWindow && iframe.contentWindow.document || iframe.contentDocument;
    var callback = function () {
        var iheight = Math.max(idoc.body.scrollHeight, idoc.documentElement.scrollHeight); //取得其高
        iframe.style.height = iheight + "px";
    }
    if (iframe.attachEvent) {
        iframe.attachEvent("onload", callback);
    } else {
        iframe.onload = callback
    }
}

HTML代碼如下所示:

<iframe id="js_sub_web" width="80%" frameborder="0" scrolling="no" allowTransparency="true" src="http://virtualinteriordefine.com/">
</iframe>

使用代碼:

window.onload = function(){
     adjustIframe("js_sub_web");
}

關(guān)鍵詞:iframejsjavascript

贊助商鏈接: