HTML5新增通信相關兩個API,跨文檔消息傳輸與WEB Sockets API,
跨文檔消息傳輸功能,可以在不同網頁文檔,不同端口(跨域情況下)進行消息傳遞。
使用web sockets api 可以讓客戶端與服務器端通過socket端口傳遞數據,這樣便可以使用數據推送技術。
跨文檔消息傳輸在之前我們若想跨域獲取信息會花很多功夫,現在只要獲取網頁所在窗口對象實例變可以實現互相通信。
首先要想從其他窗口接受發過來的消息需要對其窗口對象進行監聽:
window.addevntListener('message', function () {}, false)
使用windows對象的postMessage方法向其他窗口發生信息:
otherWindow.postMessage(message, targetOrigin)第一個參數為發送文本,也可以是js對象(json)第二個參數為接收消息對象窗口的URL,可以使用通配符
簡單示例:
新聞熱點
疑難解答