Question

我正在创建网页小工具，我的客户将其嵌入到他们的网站上。 iFrame中的内容可以在运行时改变。如何让我的iframe自动调整高度，就像disqus的评论主题一样？

Answer 1

由于您是iframe的所有者，因此可以在iframe域和主机域之间建立通信。您可以使用以下代码

来实现

主持人javascript

发送消息

ifrm.contentWindow.postMessage("someUniqueMessageId", "*");

收到消息

window.addEventListener('message', function (event) {
if (event.data.hasOwnProperty("someUniqueMessageId")) {
        var data = event.data.someUniqueMessageId;
    }
});

在iFrame javascript

window.addEventListener('message', function (event) {
   if (event.data == "someUniqueMessageId") {
        var foo = 'bar'; // data you want to send to host
        event.source.postMessage({ "someUniqueMessageId": foo }, "*");
    }
});

如何在主机网站上调整我的iframe自动高度？

1 个答案: