HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信，那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費(fèi)，我們能夠找到發(fā)送者和接收者，也就是Sender和Listener。其中Litener需要做如下的工作：編寫一個(gè)消息處理函數(shù)；將消息處理函數(shù)注冊(cè)：addEventListener('message', function, false);其中Sender需要做以下工作：postMessage('this is a message', 'http://www.php.cn');事件對(duì)象event中包含的成員包括：data：傳遞的數(shù)據(jù)；origin：origin，origin包括三要素：主機(jī)、協(xié)議、端口；source：來(lái)源對(duì)象；好了，下面我們看一個(gè)例子，這個(gè)例子展示了在頁(yè)面中嵌套頁(yè)面并且向子頁(yè)面

1. %r和%s的實(shí)例用法總結(jié)

簡(jiǎn)介：HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信，那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費(fèi)，我們能夠找到發(fā)送者和接收者，也就是Sender和Listener。其中Litener需要做如下的工作：編寫一個(gè)消息處理函數(shù)；將消息處理函數(shù)注冊(cè)：addEventListener('message', function, fal…

2. 什么是消息通信？關(guān)于消息通信的實(shí)例匯總

簡(jiǎn)介：HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信，那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費(fèi)，我們能夠找到發(fā)送者和接收者，也就是Sender和Listener。其中Litener需要做如下的工作：編寫一個(gè)消息處理函數(shù)；將消息處理函數(shù)注冊(cè)：addEventListener('message', function, fal…

3. 詳解HTML5中的消息通信代碼

簡(jiǎn)介：HTML5支持跨文檔消息通信(Cross-Document Messaging)。 既然使用到消息通信，那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費(fèi)，我們能夠找到發(fā)送者和接收者，也就是Sender和Listener。

4. HTML5新特性之跨文檔消息傳輸詳解

簡(jiǎn)介：所謂“同域限制”是指，出于安全考慮，瀏覽器只允許腳本與同樣協(xié)議、同樣域名、同樣端口的地址進(jìn)行通信。

5. 詳細(xì)介紹HTML5中的跨文檔消息傳遞

簡(jiǎn)介：跨文檔消息傳送（cross-document messaging），有時(shí)候也簡(jiǎn)稱為XDM，指的是來(lái)自不同域的頁(yè)面間傳遞消息。例如，www.w3cmm.com域中的一個(gè)頁(yè)面與一個(gè)位于內(nèi)嵌框架中的p2p.w3cmm.com域中的頁(yè)面通信。在XDM機(jī)制出現(xiàn)之前，更穩(wěn)妥地實(shí)現(xiàn)這種通信需要花很多功夫。XDM把這種機(jī)制規(guī)范化，讓我們能既穩(wěn)妥有簡(jiǎn)單地實(shí)現(xiàn)跨文檔通信。

6. HTML5實(shí)戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)

簡(jiǎn)介：　　在來(lái)自不同域名的頁(yè)面間傳遞消息一般統(tǒng)稱為跨文檔消息傳送，簡(jiǎn)稱XDM。如，www.leemagnum.com域中的頁(yè)面與位于一個(gè)內(nèi)嵌框架中的http://blog.csdn.NET/lee_magnum域名中的頁(yè)面通信。在XDM機(jī)制出現(xiàn)之前，要毫無(wú)壓力地實(shí)現(xiàn)這種通信需要用很長(zhǎng)時(shí)間。XDM把這種機(jī)制規(guī)范化，讓咱們能夠既穩(wěn)妥又簡(jiǎn)單地實(shí)現(xiàn)跨文檔通信。

7. HTML5實(shí)戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)_html/css_WEB-ITnose

簡(jiǎn)介：HTML5實(shí)戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)

8. HTML5編程之旅-Communication技術(shù)初探

簡(jiǎn)介：　　 本文主要探討用于構(gòu)建實(shí)時(shí)跨源通信的兩個(gè)模塊：跨文檔消息通信（Cross Document Messaging）和XMLHttpRequestLevel2。通過(guò)這兩個(gè)模塊，我們可以構(gòu)建不同域間進(jìn)行安全通信的Web應(yīng)用。

9. html5 跨文檔消息傳輸示例探討_html5教程技巧

簡(jiǎn)介：想實(shí)現(xiàn)跨文檔消息傳輸首先要對(duì)窗口對(duì)象的message事件進(jìn)行監(jiān)聽，然后使用window對(duì)象的postMessage()方法向其他窗口發(fā)送消息，接下來(lái)為大家詳細(xì)介紹下，感興趣的朋友可以參考下哈

10. HTML5 通信API 跨域門檻將不再高、數(shù)據(jù)推送也不再是夢(mèng)_html5教程技巧

簡(jiǎn)介：HTML5新增通信相關(guān)兩個(gè)API，跨文檔消息傳輸與WEB Sockets API，跨文檔消息傳輸功能，可以在不同網(wǎng)頁(yè)文檔，不同端口（跨域情況下）進(jìn)行消息傳遞。使用web sockets api 可以讓客戶端與服務(wù)器端通過(guò)socket端口傳遞數(shù)據(jù)，這樣便可以使用數(shù)據(jù)推送技術(shù)

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

javascript – 如何優(yōu)雅地在瀏覽器的窗口（或標(biāo)簽）之間傳遞消息？

javascript – 父頁(yè)面監(jiān)聽iframe中的事件問(wèn)題