跨域下的iframe自适应高度

在跨域场景下使用iframe实现自适应高度时，由于浏览器的安全限制（主要是同源策略），我们不能直接获取到iframe的实际高度，因为这涉及到读取跨域来源的内容，通常是不允许的。但是，我们可以采用以下几种间接的方式来实现：

1. **利用回调函数**：在目标页面（iframe加载的内容）中设置一个事件，例如`window.onload`，在这个事件触发时，通过JavaScript将页面高度发送回父页面。然后，父页面接收到高度信息后更新iframe的高度。

// iframe 页面内的脚本
window.onload = function() {
  window.parent.postMessage({
    event: 'heightChange',
    height: document.documentElement.scrollHeight,
  }, '*');
}

// 父页面的脚本
document.addEventListener('message', function(event) {
  if (event.origin !== 'targetDomain') return;
  if (event.data.event === 'heightChange') {
    document.getElementById('myIframe').style.height = event.data.height + 'px';
  }
}, false);

2. **使用第三方库**：有一些库，如PostMessage API 或者 JSONP，可以帮助你在无同源权限的情况下交换数据。比如，使用`postMessage`配合`onmessage`事件监听器。

3. **服务端代理**：如果你有对目标页面的服务器控制权，可以在后端设置一个API，通过这个API，iframe请求实际的高度信息，服务器返回给需要的客户端。

需要注意的是，以上方法都需要目标页面的支持，并且依赖于浏览器的实现，不是所有浏览器都会支持所有的解决方案。同时，隐私政策和安全性也是一个重要的考虑因素。