iframe与父页面之间通讯跨域问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe与父页面之间通讯跨域问题相关的知识,希望对你有一定的参考价值。

参考技术A 当我们想通过iframe中的内容自动改变iframe的高度时可能会想到使用load方法获取到iframe页面中的高度

这种方法在不跨域的情况下是可以的,但是涉及到跨域的话会出现这样的一个报错

上网查阅了很多资料介绍使用 window.postMessage() 方法,

其实看这个demo挺简单,但是这里有几个需要注意的坑

这里是查阅的一些资料
MDN介绍postMessage https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage
别人的经验(推荐) https://github.com/Monine/monine.github.io/issues/2

以上是关于iframe与父页面之间通讯跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

嵌入式iframe子页面与父页面js通信方式

在IFrame中使用postMessage跨域

iframe内嵌页面——跨域通讯

跨域方式

Iframe通信

js之iframe子页面与父页面通信