在iframe 高度不确定 并且是跨域的情况下 如何撑开页面

在这种情况下，可以使用JavaScript来动态调整iframe的高度，使其与内容高度相匹配。具体实现方法如下：

1. 在父页面中添加一个iframe元素，并设置其src属性为跨域页面的URL。

2. 在父页面中添加一个JavaScript函数，用于获取iframe中内容的高度，并将其设置为iframe的高度。

3. 在跨域页面中添加JavaScript代码，用于将内容高度传递给父页面。

4. 在跨域页面中添加一个定时器，用于定期检测内容高度是否发生变化，并将其传递给父页面。

具体实现代码如下：

在父页面中：

<iframe id="myFrame" src="https://example.com"></iframe>

<script>
function resizeFrame() {
  var frame = document.getElementById("myFrame");
  var height = frame.contentWindow.document.body.scrollHeight;
  frame.style.height = height + "px";
}

window.onload = function() {
  resizeFrame();
  setInterval(resizeFrame, 100);
};
</script>

在跨域页面中：

<script>
function sendHeight() {
  var height = document.body.scrollHeight;
  parent.postMessage({height: height}, "*");
}

window.onload = function() {
  sendHeight();
  setInterval(sendHeight, 100);
};

window.addEventListener("resize", sendHeight);
</script>