本文介绍了如何实现iframe或子窗体与父窗体的交互，包括通过contentWindow和postMessage两种方式。contentWindow交互需满足同源策略，而postMessage允许跨域通信，但在iframe更换src后，需在load事件后获取contentWindow。同时，监听接收到的消息时，应确保安全验证以防止潜在的安全漏洞。
父子窗体交互方式
通过contentWindow交互
主窗体内嵌的iframe或者是其通过js打开的新窗口都可以通过contentWindow与主窗体交互。所以首先需要获取到contentWindow才可以。要获取到可访问的contentWindow对象需要满足同源策略,这里需要保证两个窗口的域名完全相同才可以。也就是：
主窗体: http://test.example.com
子窗体: http://test.example.com
可以获取contentWindow
主窗体: http://father.example.com
子窗体: http://child.example.com
不能获取contentWindow
上面第二种情况我们可以通过设置document的domain属性来实现同域访问：
// 主窗体内的js
window.document.domain = example
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
