让框架iframe高度自适应，可自动撑开高度

lin — Sun, 28 Aug 2011 07:46:30 +0000

默认iframe框架是不能撑开高度的，如果需要让框架高度自适应需要用js实现
js代码：
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代码如下所示：

使用代码：

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

最优良人 » iframe

让框架iframe高度自适应，可自动撑开高度