父iframe发消息给子iframe
时间: 2023-12-07 12:39:04 浏览: 71
iframe父页面获取子页面参数的方法
可以使用postMessage()方法在父iframe和子iframe之间进行通信。具体步骤如下:
1.在父iframe中使用postMessage()方法发送消息,代码如下:
```javascript
var childFrame = document.getElementById('childFrame').contentWindow;
childFrame.postMessage('Hello, child frame!', '*');
```
其中,childFrame是子iframe的引用,'*'表示可以接收消息的任何窗口。
2.在子iframe中添加监听器,接收来自父iframe的消息,代码如下:
```javascript
window.addEventListener('message', function(event) {
if (event.origin !== 'http://example.com') return; // 验证消息来源
console.log('Received message from parent frame: ' + event.data);
});
```
其中,event.data表示接收到的消息内容,event.origin表示消息来源。
阅读全文