HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信,那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費,我們能夠找到發(fā)送者和接收者,也就是Sender和Listener。其中Litener需要做如下的工作:編寫一個消息處理函數(shù);將消息處理函數(shù)注冊:addEventListener('message', function, false);其中Sender需要做以下工作:postMessage('this is a message', 'http://www.php.cn');事件對象event中包含的成員包括:data:傳遞的數(shù)據(jù);origin:origin,origin包括三要素:主機、協(xié)議、端口;source:來源對象;好了,下面我們看一個例子,這個例子展示了在頁面中嵌套頁面并且向子頁面
1. %r和%s的實例用法總結
簡介:HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信,那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費,我們能夠找到發(fā)送者和接收者,也就是Sender和Listener。其中Litener需要做如下的工作:編寫一個消息處理函數(shù);將消息處理函數(shù)注冊:addEventListener('message', function, fal…
2. 什么是消息通信?關于消息通信的實例匯總
簡介:HTML5支持跨文檔消息通信(Cross-Document Messaging)。既然使用到消息通信,那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費,我們能夠找到發(fā)送者和接收者,也就是Sender和Listener。其中Litener需要做如下的工作:編寫一個消息處理函數(shù);將消息處理函數(shù)注冊:addEventListener('message', function, fal…
3. 詳解HTML5中的消息通信代碼
簡介:HTML5支持跨文檔消息通信(Cross-Document Messaging)。 既然使用到消息通信,那么必然有事件(event)產(chǎn)生。根據(jù)事件的產(chǎn)生和消費,我們能夠找到發(fā)送者和接收者,也就是Sender和Listener。
4. HTML5新特性之跨文檔消息傳輸詳解
簡介:所謂“同域限制”是指,出于安全考慮,瀏覽器只允許腳本與同樣協(xié)議、同樣域名、同樣端口的地址進行通信。
5. 詳細介紹HTML5中的跨文檔消息傳遞
簡介:跨文檔消息傳送(cross-document messaging),有時候也簡稱為XDM,指的是來自不同域的頁面間傳遞消息。例如,www.w3cmm.com域中的一個頁面與一個位于內嵌框架中的p2p.w3cmm.com域中的頁面通信。在XDM機制出現(xiàn)之前,更穩(wěn)妥地實現(xiàn)這種通信需要花很多功夫。XDM把這種機制規(guī)范化,讓我們能既穩(wěn)妥有簡單地實現(xiàn)跨文檔通信。
6. HTML5實戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)
簡介: 在來自不同域名的頁面間傳遞消息一般統(tǒng)稱為跨文檔消息傳送,簡稱XDM。如,www.leemagnum.com域中的頁面與位于一個內嵌框架中的http://blog.csdn.NET/lee_magnum域名中的頁面通信。在XDM機制出現(xiàn)之前,要毫無壓力地實現(xiàn)這種通信需要用很長時間。XDM把這種機制規(guī)范化,讓咱們能夠既穩(wěn)妥又簡單地實現(xiàn)跨文檔通信。
7. HTML5實戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)_html/css_WEB-ITnose
簡介:HTML5實戰(zhàn)與剖析之跨文檔消息傳遞(iframe傳遞信息)
8. HTML5編程之旅-Communication技術初探
簡介: 本文主要探討用于構建實時跨源通信的兩個模塊:跨文檔消息通信(Cross Document Messaging)和XMLHttpRequestLevel2。通過這兩個模塊,我們可以構建不同域間進行安全通信的Web應用。
9. html5 跨文檔消息傳輸示例探討_html5教程技巧
簡介:想實現(xiàn)跨文檔消息傳輸首先要對窗口對象的message事件進行監(jiān)聽,然后使用window對象的postMessage()方法向其他窗口發(fā)送消息,接下來為大家詳細介紹下,感興趣的朋友可以參考下哈
10. HTML5 通信API 跨域門檻將不再高、數(shù)據(jù)推送也不再是夢_html5教程技巧
簡介:HTML5新增通信相關兩個API,跨文檔消息傳輸與WEB Sockets API,跨文檔消息傳輸功能,可以在不同網(wǎng)頁文檔,不同端口(跨域情況下)進行消息傳遞。使用web sockets api 可以讓客戶端與服務器端通過socket端口傳遞數(shù)據(jù),這樣便可以使用數(shù)據(jù)推送技術
【相關問答推薦】:
javascript – 如何優(yōu)雅地在瀏覽器的窗口(或標簽)之間傳遞消息?
javascript – 父頁面監(jiān)聽iframe中的事件問題