之前已经弄过iframe自适应高度,但是会有如下问题:1.还是有滚动条出现;2.js修改页面,页面高度变化了,iframe高度没有变化;3iframe的高度会一直以最大的那个高度为准,导致短页面也很长。
网上搜索资料后,捣腾出如下可以解决如上问题的代码:
html代码:
<iframe src="${contentPageUrl}" id="win" name="win" width="100%" οnlοad="this.height=0;" frameborder="0" scrolling="no"></iframe>
javascript代码:
function reinitMainContentIframe() {
var iframe = document.getElementById("win");
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
} catch (ex) {
}
}
window.setInterval("reinitMainContentIframe()", 200);
解决
网上搜索资料后,捣腾出如下可以解决如上问题的代码:
html代码:
<iframe src="${contentPageUrl}" id="win" name="win" width="100%" οnlοad="this.height=0;" frameborder="0" scrolling="no"></iframe>
javascript代码:
function reinitMainContentIframe() {
var iframe = document.getElementById("win");
try {
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
} catch (ex) {
}
}
window.setInterval("reinitMainContentIframe()", 200);
解决