javascript - contentWindow.document.body 为空

Question

我的 javascript 有一个问题，就是根据内容调整 iFrame 的大小。我让它在其他地方工作，但对于这个例子，它抛出了一个错误。使用以下代码，body 为 null，因此无法获取 scrollHeight。

if(document.getElementById('iFrameHelpDesk') != null)
{
    var Height = document.getElementById('iFrameHelpDesk').contentWindow.document.body.scrollHeight;

    document.getElementById('iFrameHelpDesk').height = Height + 40;
}

使用的html是:

<iframe src="http://<snipped webaddress>" id="iFrameHelpDesk" scrolling="no" frameborder="no"></iframe>

为什么这不填充 body 对象？

Answer 1

很简单，我从文档加载 ($(function() {})) 方法中获取代码，并将其放入它自己的方法中，以供实际 iframe 加载时使用。即。

$('#iFrameHelpDesk').load(function() {

    var Height = document.getElementById('iFrameHelpDesk').contentWindow.document.body.scrollHeight;

    document.getElementById(iFrameHelpDesk').height = Height + 40;

});

这很完美，正如它应该的那样。但现在让我感到困惑的是，为什么我在其上执行类似代码的其他一些 iframe 在文档加载中运行良好。但这行得通，我对此很满意。