iframe 子向父通信
时间: 2023-11-06 19:08:07 浏览: 136
iframe子向父传值实例.rar
可以使用 window.parent.postMessage() 方法实现 iframe 子页面向父页面的通信。在子页面中,可以通过以下方式发送消息:
```
window.parent.postMessage('message', 'https://parent.com');
```
其中,第一个参数是要发送的消息,第二个参数是父页面的域名,用于限制接收消息的页面。
在父页面中,可以通过监听 message 事件来接收子页面发送的消息:
```
window.addEventListener('message', function(event) {
if (event.origin === 'https://child.com') {
console.log('Received message: ' + event.data);
}
});
```
其中,event.data 表示接收到的消息内容,event.origin 表示消息来源的域名。
阅读全文