javascript - 如果 iframe 高度超过，则调整父窗口大小

Question

我正在使用 javascript 根据其内容动态更改 iframe 的高度

function resizeIframe(obj) {
  obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}

<iframe id ="iframe" scrolling="no" onload='javascript:resizeIframe(this);'>
        <p>Iframe not supported,go get a new browser</p>
</iframe>

现在如果 iframe 页面高度使得其他内容 + iframe 页面的总高度超过窗口本身的高度，则页面的下部被修剪，使得 iframe 的底部内容不可见。

如何解决这个问题。

Answer 1

你应该有办法阻止 iframe 变得太大。例如，如果你想阻止 iframe 变得超过 700 像素高，你应该这样做：

function resizeIframe(obj){
    var newheight=obj.contentWindow.document.body.scrollHeight;
    obj.style.height=newheight>700?'700px':newheight+'px';
}