javascript - 单击 iframe 内容页面中的显示隐藏按钮时，iframe 高度不会自动增加

Question

点击 i 框架内容页面中的显示隐藏按钮时，i 框架高度不会自动增加或减少。我该如何解决这个问题？

<iframe class="" id="ds"  seamless="" src="demo.aspx" style="width:100%; border:none; height:100%;"></iframe>
$("#ds").load(function () {
$(this).height($(this).contents().find("html").height());
});

Answer 1

这是一个非常常见的问题:

1. 您需要控制两台服务器，即加载 iframe 的服务器和存在 iframe 的服务器。

2. 您无法设置 iframe 高度，因为它是跨域 issur=e，因此不允许更改其高度(请参阅您的控制台，同时加载页面将显示错误)

3. 您需要解决使用帖子消息的问题:请参阅 https://css-tricks.com/cross-domain-iframe-resizing/

尝试一下发布消息，然后您将能够设置 iframe 的高度

谢谢