React中实例解析：有哪些典型跨窗口通信方法？

本文共计1687个文字，预计阅读时间需要7分钟。

目录 + iframe + 同源策略 + 当iframe与父窗口同源时 + 效果图 + 当iframe与父窗口不同源时 + 效果图 + 跨窗口通信 + 一：通过window.parent、frames、top + 效果图 + 二：window.postMessage + 其他通信方法

目录

• iframe
• 同源策略
• 当iframe与父窗口同源时
• 效果图
• 当iframe与父窗口不同源时
• 效果图
• 跨窗口通信
• 一：通过window.parent、frames、top
• 效果图
• 二：window.postMessage
• 其他通信方法

iframe

跨窗口通信就是在嵌套了iframe的时候，实现iframe与父窗口的通信。

什么是iframe

• 它是一个html标签，它可以将一个网站作为一个dom元素，嵌入到另一个网站中。