Iframe自动高度100%，跨域

Question

我尝试了很多解决方案，但在我的网站上没有成功。

现在我使用：

<iframe src="http://www.travelstoremaker.com/ibe/turismoin/porch?command=flights" frameborder="0" marginwidth="0" marginheight="0" width="906" height="5000"></iframe>

你可以在这里看到：http://turismo-in.it/voli-in-italia/

现在我发现了这个：

    var transport = new easyXDM.transport.BestAvailableTransport({
    local: "../hash.html",
    remote: "http://provider.easyxdm.net/example/resized_iframe.html",
    container: document.getElementById("element_that_should_contain_the_frame"),
    onMessage: function(message, origin){
        this.container.getElementsByTagName("iframe")[0].style.height = message + "px";
    }
});

然后将以下内容放在iframes正文中内容之后

    var transport = new easyXDM.transport.BestAvailableTransport({}, function(){
    transport.postMessage(document.body.scrollHeight);
});

但是怎么做呢？我必须把它加在哪里？它有效吗？！是否有一个跨域自动调整iframe高度的解决方案？

附言：我不能更改我的页面iframe中的代码，只能在我的网站

Answer 1

如果不能更改iframed页面上的代码，则无法获得所需的高度。我已经尝试了很多解决方案，唯一一个我做过的就是使用post-message。但是，您必须能够从iframe发布消息。