跨域 iframe 高度问题:如何获取跨域 iframe 的高度并使其与内容一致?

跨域 iframe 高度问题:如何获取跨域 iframe 的高度并使其与内容一致?

跨域获取网页高度

问题:

如何获取跨域页面 iframe 的高度,以便 iframe 高度与网页内容高度一致?

答案:

由于 iframe 所在页面无法直接操作加载页面的 window 对象,因此无法直接获取对方高度。解决方法有以下两种:

  1. 使用 postMessage API:
    如果可以修改加载页面的代码,可以借助 postMessage API 在两页面间传递消息。加载页面发送其高度信息,父页面接收后设置 iframe 高度。
  2. 无法修改加载页面代码时,无可用解决方案:
    如果无法修改加载页面的代码,则父页面无法获取 iframe 高度的准确值。

以上就是跨域 iframe 高度问题:如何获取跨域 iframe 的高度并使其与内容一致?的详细内容,更多请关注其它相关文章!