So verwenden Sie Postmessage

Grundlegende Verwendung der postMessage-Methode: 1. Verwenden Sie in dem Fenster oder Tab, in dem Sie die Nachricht senden möchten, die postMessage-Methode, um die Nachricht an das Zielfenster zu senden. Es akzeptiert zwei Parameter: das zu sendende Nachrichtenobjekt und eine Kennung des Zielfensters (optional); 2. Verwenden Sie im Zielfenster die Methode addEventListener, um auf das Nachrichtenereignis zu warten, um Nachrichten von anderen Fenstern zu empfangen.

postMessage ist eine JavaScript-Methode zum Übertragen von Nachrichten zwischen Browserfenstern. Es ermöglicht das Senden von Nachrichten zwischen geöffneten Browserfenstern oder -registerkarten, ohne dass sie an denselben Domänennamen oder Port gebunden werden müssen.

Das Folgende ist die grundlegende Verwendung der postMessage-Methode:

1. Verwenden Sie in dem Fenster oder Tab, in dem Sie die Nachricht senden möchten, die postMessage-Methode, um die Nachricht an das Zielfenster zu senden. Es akzeptiert zwei Parameter: das zu sendende Nachrichtenobjekt und eine optionale Kennung des Zielfensters.

// 发送消息到目标窗口  
var message = { key1: "value1", key2: "value2" };  
var targetWindow = window.open("https://example.com");  
targetWindow.postMessage(message, "*");

Im obigen Beispiel haben wir ein Nachrichtenobjekt mit Schlüssel-Wert-Paaren erstellt und über window.open ein neues Fenster geöffnet. Anschließend verwenden wir die Methode postMessage, um die Nachricht an das neue Fenster zu senden.

2. Im Zielfenster können Sie die Methode addEventListener verwenden, um das Nachrichtenereignis abzuhören und Nachrichten von anderen Fenstern zu empfangen.

// 在目标窗口中监听消息事件  
window.addEventListener("message", function(event) {  
  // 接收并处理发送过来的消息  
  var receivedMessage = event.data;  
  console.log("Received message: ", receivedMessage);  
});

Im obigen Beispiel haben wir mithilfe der Methode addEventListener einen Ereignis-Listener hinzugefügt, der das Ereignis auslöst, wenn eine Nachricht aus einem anderen Fenster empfangen wird. Im Event-Handler können wir auf event.data zugreifen, um das gesendete Nachrichtenobjekt abzurufen.

Bitte beachten Sie, dass die Sicherheit der postMessage-Methode sehr wichtig ist. Um potenzielle Sicherheitsrisiken zu vermeiden, wird empfohlen, beim Senden einer Nachricht einen Verifizierungsdomänennamen (d. h. den Domänennamen, in dem sich das Empfangsfenster befindet) anzugeben, anstatt den Platzhalter „*“ zu verwenden. Darüber hinaus sollte das Zielfenster den Ursprung der Nachrichten überprüfen, um sicherzustellen, dass sie von einer vertrauenswürdigen Quelle stammen.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Postmessage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!