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

我正在创建web小部件，我的客户将它们嵌入到他们的网站上。

---

iFrame中的内容可以在运行时更改。如何让iFrame像Discus的评论线程一样自动调整高度

由于您是iframe的所有者，因此可以在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 }, "*");
    }
});

发送消息

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

接收消息

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

在iFrame上

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