站長(zhǎng)資訊網(wǎng)這篇文章主要介紹了詳解HTML5 window.postMessage與跨域,非常具有實(shí)用價(jià)值，需要的朋友可以參考下在前一篇文章中，講到瀏覽器同源策略，即阻止不同域的頁面間訪問彼此的方法和屬性，并對(duì)解決同源策略跨域問題提出的解決方案進(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)常被人們利用來做跨域數(shù)據(jù)傳遞,下面將為大家來介紹HTML5中的postMessage API基本使用教程,需要的朋友可以參考下
3. HTML5中使用postMessage實(shí)現(xiàn)兩個(gè)網(wǎng)頁間傳遞數(shù)據(jù)
簡(jiǎn)介：估計(jì)很少人知道HTML5 APIS里有一個(gè)window.postMessage API。window.postMessage的功能是允許程序員跨域在兩個(gè)窗口/frames間發(fā)送數(shù)據(jù)信息。基本上，它就像是跨域的AJAX，但不是瀏覽器跟服務(wù)器之間交互，而是在兩個(gè)客戶端之間通信。讓我們來看一下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ù)器墊片的Ajax。讓我們一起來看看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)問答推薦】：
javascript – web API Worker的用法？
關(guān)于html5 postMessage安全問題的疑問？
