<body>
父级页面:
button id="btn">给iframe子页面传递消息button</button>
iframe src="index2.html" id="iframe1"></iframescript>
var btn = document.getElementById('btn);
btn.addEventListener(click,function() {
data {
message: 子页面应该接收的消息
}
// 给子页面发送消息
document.getElementById(iframe1).contentWindow.postMessage(data,1)">"/);
},1)">false);
接收子页面传递的消息
window.addEventListener(message(e) {
console.log(e.data); 父页面:我接收到消息了
},1)">);
>
>
script type="text/javascript">
接收父页面发送的内容
window.addEventListener((e) {
console.log(e.data) {message: "子页面应该接收的消息"}
接收内容后,我们也可以给父页面发消息
window.parent.postMessage(父页面:我接收到消息了);
},1)">);
>
// 接收父页面发送的内容
window.addEventListener('message',function(e) {
console.log(e)
},false);