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 支援拖放。注釋...