這篇文章主要介紹了詳解HTML5 window.postMessage與跨域,非常具有實(shí)用價(jià)值，需要的朋友可以參考下在前一篇文章中，講到瀏覽器同源策略，即阻止不同域的頁(yè)面間訪問(wèn)彼此的方法和屬性，并對(duì)解決同源策略跨域問(wèn)題提出的解決方案進(jìn)行闡述：子域代理、JSONP、CORS。本篇將詳細(xì)闡述HTML5 window.postMessage，借助postMessage API，文檔間可以以安全可控的方式實(shí)現(xiàn)跨域通信，第三方JavaScript代碼也可以與iframe內(nèi)加載的外部文檔進(jìn)行通信。HTML5 window.postMessage APIHTML5 window.postMessage是一個(gè)安全的、基于事件的消息API。postMessage發(fā)送消息在需要發(fā)送消息的源窗口調(diào)用postMessage方法即可發(fā)送消息。源窗口源窗口可以是全局的window對(duì)象，也可以是以下類型的窗口:文檔窗口

1. HTML5 window.postMessage與跨域的實(shí)例教程

簡(jiǎn)介：這篇文章主要介紹了詳解HTML5 window.postMessage與跨域,非常具有實(shí)用價(jià)值，需要的朋友可以參考下

2. HTML5中的postMessage API基本使用方法分享

簡(jiǎn)介：window.postMessage經(jīng)常被人們利用來(lái)做跨域數(shù)據(jù)傳遞,下面將為大家來(lái)介紹HTML5中的postMessage API基本使用教程,需要的朋友可以參考下

3. HTML5中使用postMessage實(shí)現(xiàn)兩個(gè)網(wǎng)頁(yè)間傳遞數(shù)據(jù)

簡(jiǎn)介：估計(jì)很少人知道HTML5 APIS里有一個(gè)window.postMessage API。window.postMessage的功能是允許程序員跨域在兩個(gè)窗口/frames間發(fā)送數(shù)據(jù)信息。基本上，它就像是跨域的AJAX，但不是瀏覽器跟服務(wù)器之間交互，而是在兩個(gè)客戶端之間通信。讓我們來(lái)看一下window.postMessage是如何工作的。除了IE6

4. HTML5之window.postMessage API

簡(jiǎn)介：window.postMessage是一個(gè)鮮為人知的HTML5 API。 window.postMessage允許兩個(gè)窗口/幀之間跨域發(fā)送數(shù)據(jù)消息。從本質(zhì)上講，window.postMessage是一個(gè)跨域的無(wú)服務(wù)器墊片的Ajax。讓我們一起來(lái)看看window.postMessage的 …，。

5. JavaScript使用HTML5的window.postMessage實(shí)現(xiàn)跨域通信例子_javascript技巧

簡(jiǎn)介：這篇文章主要介紹了JavaScript使用HTML5的window.postMessage實(shí)現(xiàn)跨域通信例子,需要的朋友可以參考下

6. HTML5 window/iframe跨域傳遞消息 API介紹_html5教程技巧

簡(jiǎn)介：window.postMessage允許多個(gè) window/frame之間跨域傳遞數(shù)據(jù)和信息。下面為大家介紹下window.postMessage的工作原理,以及如何在FireFox，IE8+，Opera，Safari和Chrome中使用它

【相關(guān)問(wèn)答推薦】：

javascript – web API Worker的用法？

關(guān)于html5 postMessage安全問(wèn)題的疑問(wèn)？