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

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