Question

我有一些动态调整iframe的代码：

function autoResizeFrames() {
    frames = document.getElementsByTagName("iFrame");
    window.setInterval("autoresize_frames()", 400);
}

function autoresize_frames() {

    for (var i = 0; i < frames.length; ++i) {
        if (frames[i].contentWindow.document.body) {
            var frames_size = frames[i].contentWindow.document.body.offsetHeight;
            if (document.all && !window.opera) {
                frames_size = frames[i].contentWindow.document.body.scrollHeight;
            }
            frames[i].style.height = frames_size + 'px';
        }
    }
}

此功能在Firefox和Chrome中运行良好，但在IE 10和9中它具有mo效果。

这是我有IFrame的地方

<div id="projectModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="projectModalLabel"
            aria-hidden="true">
            <div class="modal-header">
                   <button type="button" runat="server" onserverclick="btnClose_Click"  class="close" aria-hidden="true">
                    ×</button>
                <h3 id="projectModalLabel">Edit Project</h3>
            </div>
            <div class="modal-body">
                <iframe src="" style="width: 100%; height: 200px; border: none;" frameborder="0" id="projectFrame" name="projectFrame" scrolling="no" allowtransparency="true"></iframe>
            </div>
            <div class="modal-footer">
                      <button type="button" runat="server" onserverclick="btnClose_Click"  class="btn" aria-hidden="true">
                    Close</button>
            </div>
        </div>

为什么除了IE之外它在哪里都有用？我认为javascript无处不在？

由于

它说：

SCRIPT5007: Unable to get property 'document' of undefined or null reference 
kezcommon.js, line 62 character 5

if (frames.contentWindow.document.body) {

Answer 1

window.frames是本机DOM集合，您正在分配具有相同名称的节点列表。不知何故，IE混淆了这两个frames，它们并不相似。

autoresize_frames()似乎使用window.frames集合而不是frames节点列表（在autoResizeFrames()中定义）。但是，当通过此集合访问iframe时，IE中没有contentWindow或contentDocument，因为window.frames包含window中的实际iframe个对象}第

您需要直接访问frames[i].document中的frames[i]或window {/ 1}}。

quickfix将使用一些其他名称而不是iframe作为节点列表。

Answer 2

尝试

window.setInterval(autoresize_frames, 400);

只是为了看看设置回调的替代方法是否有效。您可能还需要将autoresize_frames（）函数放在autoResizeFrames（）函数上方，以确保它在setInterval（）调用之前存在于内存中。

动态IFrame调整大小不能在IE中工作？

2 个答案: