iframe跨域通訊

2021-08-29 18:26:43 字數 530 閱讀 7955

簡述:

window.postmessage方法,允許跨視窗通訊,不論這兩個視窗是否同源。

視窗都可以通過message事件,監聽對方的訊息。

語法:

otherwindow.postmessage(message, targetorigin, [transfer]);

message:傳送的內容。

targetorgin:目標位址。

舉例:

父視窗向子視窗發訊息,

呼叫postmessage方法,寫法如下:

//父視窗傳送

var children = window.open('', '子視窗');

children.postmessage('我是父視窗', '');

//子視窗監聽

window.addeventlistener('message',function(e),false);

iframe跨域通訊

重點來了 貼 父級頁面傳送資訊給子級 var son document.getelementbyid st st為子級iframe的id url可以為純網域名稱也可以為 當為 時所有子級都會接收到 當為純網域名稱時,只有這個網域名稱才會收到 url message為你要傳送的訊息 message 我...

iframe 通訊和跨域通訊

幾年前頁面裡使用iframe巢狀使用的還是很多的。以下是多種使用方法 1 同域下巢狀 父頁面 window.nl ad function function fu 子頁面 父頁面呼叫子頁面 iframename.window.document.xx iframename.window.function...

iframe跨域通訊 postMessage

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