Javascript中要實(shí)現(xiàn)跨域通信，主要有window.name，jsonp，document.domain，cors等方法。不過在H5中有一種新的方法postMessage可以安全實(shí)現(xiàn)跨域通信，并且使用簡單。

要使用postMessage，首先得檢查瀏覽器是否支持該方法，postMessage屬于window對象，檢測方法如下：

if('postMessage' in window){      }else{     console.log('瀏覽器不支持postMessage'); }

postMessage使用語法如下所示。

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow必須是一個window對象的引用，如iframe的contentWindow，window.open的返回對象，window.frames[index]等。 targetOrigin指定otherWindow的源，如果目標(biāo)窗口的協(xié)議，主機(jī)地址，端口只要一個不同，該方法便不會執(zhí)行信息發(fā)送

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

為了能接收到postMessage發(fā)送的消息，必須在window對象上監(jiān)聽message事件，該事件對象包涵了data（消息）、origin（來源地址）、source（來源窗口代理）等屬性，使用如下所示

window.onmessage = function(e){     if (e.origin === 'http://www.test.zmx.com') {         alert(e.data);     } }

下面是使用postMessage的小例子，幫助理解。

http://www.test.zmx.com/postmessage.html，簡稱A頁面

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項(xiàng)目經(jīng)理培訓(xùn)

<!DOCTYP