应用场景:是两个项目 一个项目里使用iframe存放另一个项目(必定有跨域问题)
假设:现在有个需求是当iframe里的项目在点击时,给外面的项目传送数据,外面项目要接受到数据
iframe里的项目
$('.className').click(() => {
window.parent.postMessage('我要穿数据过去', '*')
})
iframe外的项目
window.addEventListener("message", event=> {
console.log(event.data) // 我要穿数据过去
})