Heim >Themenliste >So verwenden Sie Postmessage
So verwenden Sie Postmessage
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. Wenn Sie mehr über Postmessage erfahren möchten, können Sie den Artikel unter diesem Thema lesen.
So verwenden Sie PostmessageGrundlegende 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 implementiert domänen- und fensterübergreifendes MessagingDieses Mal werde ich Ihnen postMessage zur Implementierung von domänen- und fensterübergreifendem Messaging vorstellen. Was sind die Vorsichtsmaßnahmen für postMessage, um domänen- und fensterübergreifendes Messaging zu implementieren?
Wie verwendet man postMessage in Javascript?Das Klickereignis der Schaltfläche auf Seite C sendet eine kleine Nachricht C an Seite F. Wenn Seite F die kleine Nachricht C empfängt, führt sie die Logik LC aus. Nachdem die Ausführung von LC abgeschlossen ist, sendet Seite F eine kleine Nachricht F an Seite C. Wenn Seite C die Nachricht empfängt, führt F die Logik LF aus. Kurz gesagt bedeutet dies, dass die Seiten F und C miteinander kommunizieren.
Code für Postmessage in HTML5 zur Implementierung der Wertübertragung zwischen untergeordneten und übergeordneten FensternDer Inhalt dieses Artikels besteht darin, Ihnen den Code zur Realisierung der Werteübertragung zwischen untergeordneten und übergeordneten Fenstern in HTML5 mitzuteilen. Er hat einen gewissen Referenzwert. Ich hoffe, er wird Ihnen hilfreich sein.
Laden Sie verwandte Ressourcen herunterMehr>
- 11-16
- 07-20
- 10-14
- 10-12
Verwandte TutorialsMehr>