Javascript 自动调整静态页眉和页脚内的iframe高度

我有一个静态页眉和页脚的页面，显示在整个页面中。然后在页眉和页脚之间显示一个iframe。当前，iframe具有静态高度。我想根据内部页面的高度调整高度，因为iframe包含一个必须在外部页面中显示的应用程序

因此，外部页面包含一个页眉和一个页脚，在它们之间显示应用程序（在iframe内部）。这个应用程序中有很多页面，因此我需要制作iframe来自动调整高度

除了iframe，我还需要调整放置iframe的div的高度。因此，我必须在页面更改时调整iframe本身和容器div的高度

我怎样才能做到这一点

提前感谢

函数resizeContainer（）{
function resizeContainer() {
    var coordCont = getCoordinates($('#myContainer'));
    var h = $(window).height() - coordCont.top - 18;
    var minH = 800;
    $('#myContainer').css({ height: h < minH ? minH : h, overflow: 'auto' });
};

var coordCont=getCoordinates（$（“#myContainer”）；
var h=$（window.height（）-coordCont.top-18；
var minH=800；
$（'#myContainer'）.css（{height:h

---

获取坐标是我的一个自定义函数，用于获取元素的左/顶/宽/高/zIndex。我也使用minH，因为我不希望内容少于800。同样，您可以申请iFrame

我的iFrame不会再次加载（即页面不会刷新），链接位于iFrame本身，有没有一种方法可以这样调整iframe的高度？是的，iframe是一个HTML标记，与其他任何标记一样，它可以使用css调整大小，如果您希望它是动态的，那么只需将上述方法附加到$（window）.resize（函数（ev）{resizeContainer（）；}）；