跨文件通訊postMessage

2021-10-03 21:14:52 字數 1120 閱讀 8750

window.postmessage(message, origin, [transfer])

message: 最好是傳遞字串

transfer:不常使用,是一串課message同時傳遞的transferable物件,這些物件的所有權將被轉移給訊息的接收方,而傳送一方不在保留所有權

a.html

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

head

>

>

>

這是a頁面p

>

"boxa"

>

div>

"iframe"

src=""

frameborder

="0"

>

iframe

>

>

iframe.

onload

=function()

window.

onmessage

=function

(ev)

script

>

body

>

html

>

b.html

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

head

>

>

>

這是b頁面p

>

"box"

>

div>

>

// 監聽a

window.

onmessage

=function

(ev)

script

>

body

>

html

>

iframe跨域通訊 postMessage

一 跨域通訊概述 messageevent 四個屬性 message 型別 data window.postmessage的第乙個引數 origin 呼叫postmessage時頁面的當前狀態 source 呼叫postmessage的視窗資訊 二 postmessage語法 window.post...

HTML5 之跨域通訊(postMessage)

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

XDM跨文字訊息傳遞 postMessage

xdm的核心時postmessage 方法,目的 向另乙個地方傳遞訊息,另乙個地方指的是包含在當前頁面的元素,或者由當前頁面彈出的視窗。postmessage 方法接受兩個引數 一條訊息 string 和乙個表示訊息接收方來自哪個域的字串 可以寫成 表示可以把訊息傳送給來自任何域的文件 頁面 例 d...