Dieser Artikel beschreibt die Methode zum Übergeben von Daten zwischen JavaScript -Browser -Windows. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
Zusammenfassung:
In der Projektentwicklung begegnen wir häufig Pop-up-Fenster. Einige verwenden DIV, um Popup-Effekte zu simulieren, einige verwenden IFrames und einige verwenden Windows, um ein neues Fenster durch die offene Funktion zu öffnen, die mit einem Fenster geliefert wird. Heute werde ich Ihnen die letzte Art der Dateninteraktion über die Funktion window.open () teilen. Schauen Sie sich zunächst die Renderings an:
Prinzip:
Die Daten, die durch das übergeordnete Fenster an das untergeordnete Fenster übergeben wurden, werden durch die Parameter der URL weitergeleitet, und die Daten, die durch das übergeordnete Fenster an das untergeordnete Fenster übergeben wurden, werden durch die globale Funktion des übergeordneten Fensters weitergeleitet.
Code:
Index.html ist wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html>
<html lang = "en">
<kopf>
<meta charset = "utf-8">
<title> document </title>
</head>
<body>
<div id = "content"> </div>
<button id = "test"> button </button>
<Script>
var test = document.getElementById ('test');
test.onclick = function () {
window.open ('./fenster.html?
};
window.getContent = function (tx) {
document.GetElementById ('Inhalt'). InnerText = Tx;
}
</script>
</body>
</html>
window.html lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html>
<html lang = "en">
<kopf>
<meta charset = "utf-8">
<title> document </title>
</head>
<body>
<div id = "content"> </div>
<select name = "" id = "city">
<option value = "shanghai"> shanghai </option>
<Option Value = "Hangzhou"> Hangzhou </Option>
</select>
<Script>
var params = location.href.substring (location.href.lastindexof ('?')+1) .split ('&');
document.GetElementById ('Inhalt'). InnerText = Params;
var City = document.getElementById ('City');
City.onchange = function () {
window.opener.getContent (City.Value);
}
</script>
</body>
</html>
Hinweis: Es gibt eine Serviceumgebung, die Sie hier laufen können
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.