So übertragen Sie Daten zwischen Javascript-Browsern. Windows_Javascript-Kenntnisse

Das Beispiel in diesem Artikel beschreibt die Methode zum Übertragen von Daten zwischen JavaScript-Browserfenstern. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Zusammenfassung:

Während der Projektentwicklung stoßen wir häufig auf Popup-Fenster. Einige verwenden div, um den Popup-Fenstereffekt zu simulieren, andere verwenden iframe und andere öffnen ein neues Fenster über die mit dem Fenster gelieferte Öffnungsfunktion. Was ich Ihnen heute mitteilen werde, ist die letzte Möglichkeit, die Seite für die Dateninteraktion über die Funktion window.open() zu öffnen. Schauen Sie sich zunächst die Renderings an:

Grundsatz:

Das übergeordnete Fenster übergibt Daten über die URL-Parameter an das untergeordnete Fenster, und das untergeordnete Fenster übergibt Daten über die globale Funktion des übergeordneten Fensters an das übergeordnete Fenster.

Code:
index.html lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Button
<script><br>          var test = document.getElementById('test');<br>           test.onclick = function() {<br> window.open('./window.html?param1=name&param2=password', '_blank','width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no ,scrollbars=yes,resizable=yes');<br>         };<br>           window.getContent = function(tx) {<br>                 document.getElementById('content').innerText = tx;<br> }<br> </script>

window.html lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

            Shanghai
           Hangzhou

<script><br>         var params = location.href.substring(location.href.lastIndexOf('?') 1).split('&');<br>            document.getElementById('content').innerText = params;<br>       var city = document.getElementById('city');<br> City.onchange = function() {<br>                 window.opener.getContent(city.value);<br> }<br> </script>

Hinweis: Für die Ausführung hier ist eine Dienstumgebung erforderlich

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.