跨域 iframe 高度问题:如何获取跨域 iframe 的高度并使其与内容一致?
跨域获取网页高度
问题:
如何获取跨域页面 iframe 的高度,以便 iframe 高度与网页内容高度一致?
答案:
由于 iframe 所在页面无法直接操作加载页面的 window 对象,因此无法直接获取对方高度。解决方法有以下两种:
-
使用 postMessage API:
如果可以修改加载页面的代码,可以借助 postMessage API 在两页面间传递消息。加载页面发送其高度信息,父页面接收后设置 iframe 高度。 -
无法修改加载页面代码时,无可用解决方案:
如果无法修改加载页面的代码,则父页面无法获取 iframe 高度的准确值。
以上就是跨域 iframe 高度问题:如何获取跨域 iframe 的高度并使其与内容一致?的详细内容,更多请关注其它相关文章!