Question

我想从iframe的内容动态更改iframe元素的高度，这是我的js：

function iframeLoaded()
{
    var iframeID = window.parent.document.getElementById('iframeContainer');
    if(iframeID) {
        console.log('if');
        iframeID.height = "";
        iframeID.height = iframeID.contentWindow.document.body.scrollHeight + "px";
    }
}

每当内容高度发生变化时，我都会运行此功能。我有错误：拒绝访问属性'文档'的权限

这有什么不妥。 父母和子女网站是同一个doamin！

父代http://example.com iframe是html代码的一部分：

<iframe id="iframeContainer" class="wrapper" width="100%" scrolling="no" height="700" frameborder="1" src="http://example.com/ext/index.php" name="iframe">...</iframe>

Answer 1

我认为可以反过来做到这一点。您可以从iframe触发父级。像这样的东西（如果你使用jQuery）：

parent.$('body').trigger( 'eventName' );

还看看这个早期的帖子： Can events fired from an iframe be handled by elements in its parent?

顺便说一句，你写了“我在内容高度改变的时候运行这个功能”。你现在如何得到这个改变？

Answer 2

抱歉我的错误它不是同一个域（一个有www，另一个没有）= /

如何从其内容更改Iframe高度（均来自同一域）

2 个答案: