动态调整动态iframe的大小

Question

动态调整iframe的问题有several answers，iframe一旦加载就不会改变大小。但是我有一个iframe，它根据用户输入加载一个改变大小（特别是它的高度）的表单（即jQuery验证，PHP验证，基于输入打开的div等，这会增加页面的高度）。

根据iframe的大小变化，有没有办法在iframe加载后更改iframe的大小？将滚动添加到iframe看起来很乱。

Answer 1

如果在用户输入值后刷新页面怎么办？

Answer 2

您可以创建一个间隔，每隔200毫秒检查一次.contentDocument'属性中正文的大小是多少 d将帧大小调整为该值。

它看起来像这样：

var targetFrame = document.getElementById("InnerFrame");
var targetDocument = (targetFrame.contentWindow.document || targetFrame.contentDocument);

window.frameInterval = window.setInterval(function(){
    targetFrame.height = targetDocument.body.height;
},200);

我没有对此进行测试，因为jsfiddle不允许使用带有网址的iframe。 但它可以让你开始。