Heim > Artikel > Web-Frontend > Der domänenübergreifende Schwellenwert der HTML5-Kommunikations-API ist nicht mehr hoch und der Daten-Push ist kein Traum mehr._HTML5-Tutorial-Fähigkeiten
HTML5 fügt zwei neue APIs für Kommunikation, dokumentübergreifende Nachrichtenübertragung und WEB-Sockets-API hinzu,
Die dokumentübergreifende Nachrichtenübertragungsfunktion kann Nachrichten in verschiedenen Webdokumenten und verschiedenen Ports (in domänenübergreifenden Situationen) übertragen.
Durch die Verwendung der Web-Sockets-API können Client und Server Daten über den Socket-Port übertragen, sodass die Daten-Push-Technologie verwendet werden kann.
Dokumentenübergreifende NachrichtenübermittlungWenn wir früher Informationen domänenübergreifend erhalten wollten, wäre das sehr aufwändig gewesen. Jetzt können wir miteinander kommunizieren, solange wir die Instanz des Fensterobjekts erhalten, in dem sich die Webseite befindet.
Wenn Sie Nachrichten von anderen Fenstern empfangen möchten, müssen Sie zunächst deren Fensterobjekte überwachen:
window.addevntListener(<span style="COLOR: #800000">'</span><span style="COLOR: #800000">message</span><span style="COLOR: #800000">'</span>, function () {}, <span style="COLOR: #0000ff">false</span>)
Verwenden Sie die postMessage-Methode des Windows-Objekts, um Nachrichten an andere Fenster zu senden:
<span style="COLOR: #000000">otherWindow.postMessage(message, targetOrigin)第一个参数为发送文本,也可以是js对象(json)第二个参数为接收消息对象窗口的URL,可以使用通配符</span>
Einfaches Beispiel:
Basierend auf dem oben Gesagten nehmen wir eine kleine Änderung vor. Wir stellen auf der Unterseite Schaltflächen für Höhe und Breite bereit, um dem übergeordneten Fenster mitzuteilen, wie die Iframe-Höhe und -Breite geändert werden soll: