h5 postMessage解决跨域、跨窗口传递消息问题

可解决以下问题
1、页面与嵌套的iframe的数据传递
2、页面与其它窗口的数据传递
3、跨域数据传递
解决办法:
发送消息页面写下面这段代码
window.parent.postMessage(“hello there!”, “http://example.org“);
父窗口/父页面写下面这段代码
window.addEventListener(“message”, receiveMessag);
function receiveMessage(event)
{
// event.source 是子页面信息
// event.data 是子页面发送给当前页面的消息
// event.origin:发送消息窗口的源(协议+主机+端口号)
console.log(event.data);
}

api地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章