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

1. HTML5 window.postMessage與跨域的實例教程

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

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

簡介：window.postMessage經常被人們利用來做跨域數據傳遞,下面將為大家來介紹HTML5中的postMessage API基本使用教程,需要的朋友可以參考下

3. HTML5中使用postMessage實現兩個網頁間傳遞數據

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

4. HTML5之window.postMessage API

簡介：window.postMessage是一個鮮為人知的HTML5 API。 window.postMessage允許兩個窗口/幀之間跨域發送數據消息。從本質上講，window.postMessage是一個跨域的無服務器墊片的Ajax。讓我們一起來看看window.postMessage的 …，。

5. JavaScript使用HTML5的window.postMessage實現跨域通信例子_javascript技巧

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

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

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

【相關問答推薦】：

javascript – web API Worker的用法？

關于html5 postMessage安全問題的疑問？