Javascript 调整大小'；iframe'；内部内容加载后

我有一个iFrame，在其中我正在加载一个页面，该页面在单击各种页面标签后使用ajax加载数据。现在我使用Javascript函数来计算加载的数据高度，以替换iframe的高度，从而调整iframe的大小，从而避免滚动条。现在我的问题是，只要单击标签，脚本就会被调用，但数据仍在加载。请告诉我一些我可以用来等待ajax加载完数据然后调用我的函数的东西

我正在使用以下脚本：

function resizeFrame() {
    var body = document.body,
    html = document.documentElement;
    var iFrame = parent.document.getElementById("iframe1");//get id of iframe from parent
    var nHeight=0;
    var iframeWin = iFrame.contentWindow.document.body ;
    nHeight = iframeWin.scrollHeight;
    iFrame.style.height = nHeight+'px'; //set the frame height to correspond to the content 
}

我的html如下所示：

<iframe src="" id="iframe1" name="iframe1" scrolling="no" frameborder="0" onload="$(document).ready(function(){resizeFrame();});"  style="width:960px;height:570px">

上面的代码对我来说很好（iframe/src url都在同一个域中。）我还想获得iframe内容窗口页面中div元素的高度。我该如何抓住它？

html

<iframe id="containter-frame" 
        src="<url of the page>"
        frameborder="0"
        min-height="600px"
        width="100%">
</iframe>

这里的技巧是

frame.load

方法等待加载帧。之后，根据需要操纵高度和宽度。这里我设置的是覆盖整个屏幕。该页面只包含一个iframe，没有其他内容

亲切问候。

html

<iframe id="containter-frame" 
        src="<url of the page>"
        frameborder="0"
        min-height="600px"
        width="100%">
</iframe>

这里的技巧是

frame.load

方法等待加载帧。之后，根据需要操纵高度和宽度。这里我设置的是覆盖整个屏幕。该页面只包含一个iframe，没有其他内容

---

亲切问候。

如果您对窗口的全宽不感兴趣，您只需将其设置为适合内容即可

var frame = $('iframe#modal-body');

frame.load(resizeIframe);
function resizeIframe() {
    frame.height(frame.contents().height());
    frame.height(frame.contents().height());
}

---

如果你对窗口的整个宽度不感兴趣，你可以让它适合内容

var frame = $('iframe#modal-body');

frame.load(resizeIframe);
function resizeIframe() {
    frame.height(frame.contents().height());
    frame.height(frame.contents().height());
}

---

让我试试这个。谢谢如何在iframe中再添加几英寸？这是因为显示“保存”按钮时缺少几厘米。让我试试这个。谢谢。）如何在iframe中再添加几英寸？这是因为“保存”按钮缺少几厘米。