溫馨提示×

postMessage的兩種使用方式

小云
1856
2023-08-15 12:18:53
欄目: 編程語言

postMessage是一個用于跨窗口通信的方法,它有兩種使用方式:

  1. 發送消息給指定窗口:可以使用postMessage方法將消息發送給指定的窗口,語法如下:
targetWindow.postMessage(message, targetOrigin);

其中,targetWindow是要接收消息的窗口對象,可以通過window.open()或者window.frames[index]獲??;message是要發送的消息,可以是字符串、數字、對象等;targetOrigin是一個字符串,表示目標窗口的源,用于過濾消息,可選參數。

  1. 接收消息:在接收消息的窗口中,可以通過添加一個message事件監聽器來接收消息,語法如下:
window.addEventListener("message", handleMessage);

其中,"message"是事件類型,表示接收到新消息時觸發;handleMessage是一個回調函數,用于處理接收到的消息。在回調函數中,可以通過event.data獲取傳遞過來的消息內容。

這兩種方式可以配合使用,實現跨窗口的雙向通信。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女