Html5 postMessage實現跨域訊息傳遞

2021-10-23 00:00:38 字數 697 閱讀 6581

window.

addeventlistener

('message'

,function

(e)

onmessage事件接受乙個引數e,它是乙個event物件。

e的幾個重要屬性:

1、data:postmessage傳遞過來的msg

2、傳送訊息的視窗物件

3、origin:傳送訊息視窗的源(協議+主機+埠號)

來寫乙個簡單的demo:

用來傳送資料:

"iframe" src="">

"msg" type="text" placeholder="請輸入要傳送的訊息">

"send">傳送

window.

onload

=function()

}

用來接收資料:
"msg">   

window.

onload

=function()

else

function

handlemessage

(event)

}}

HTML5 之跨域通訊(postMessage)

很多情況下,我們受到瀏覽器的安全策略限制。如何能規避此限制,並且能安全的使用跨域通訊,這就不得不介紹一下 postmessage 了。一 關於 postmessage window.postmessage 方法可以安全地實現跨源通訊。通常,對於兩個不同頁面的指令碼,只有當執行它們的頁面位於具有相同的...

html5介紹,什麼是html5,html5新特性

html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...