Wie übergebe ich Variablen zwischen HTML-Seiten in JavaScript mit Bereichseinschränkungen?

Variablen in JavaScript zwischen HTML-Seiten übergeben

Sie stoßen auf ein Problem, wenn Sie versuchen, eine Variable von einer HTML-Seite (Seite 1) an zu übergeben eine andere (Seite 2) mit JavaScript. Trotz Ihrer Bemühungen, eine globale Variable zu deklarieren, bleibt der Wert auf Seite 2 undefiniert. Dieser Artikel soll eine Lösung für dieses Problem bieten, indem er die Einschränkungen von JavaScript-Variablen untersucht und einen alternativen Ansatz anbietet.

Verstehen JavaScript-Variablenbereich

JavaScript-Variablen haben einen bestimmten Gültigkeitsbereich, der die Teile des Codes bestimmt, auf die auf sie zugegriffen werden kann. Der von Ihnen bereitgestellte Code deklariert einen variablen Preis außerhalb einer Funktion und versucht, ihn global zu machen. Allerdings erkennt JavaScript nur Variablen, die global mit dem Schlüsselwort var in den Skript-Tags am Anfang des HTML-Dokuments deklariert sind.

Verwenden von LocalStorage für seitenübergreifende Kommunikation

Stattdessen Statt sich auf globale Variablen zu verlassen, ist die Verwendung von LocalStorage ein robusterer Ansatz für die seitenübergreifende Kommunikation. Mit LocalStorage können Sie Schlüssel-Wert-Paare speichern, die auch dann bestehen bleiben, wenn die Seite aktualisiert oder der Browser geschlossen wird.

Seite 1 Code:

<code class="html"><script type="text/javascript">
window.onload = function() {
   var getInput = prompt("Hey type something here: ");
   localStorage.setItem("storedPrice", getInput);
}
</script></code>

Seite-2-Code:

<code class="html"><script type="text/javascript">
window.onload = function() {
   alert(localStorage.getItem("storedPrice"));
}
</script></code>

Dieser Ansatz speichert den eingegebenen Wert in LocalStorage auf Seite 1 und ruft ihn auf Seite 2 ab, wenn die Seite geladen wird. LocalStorage wird von modernen Browsern unterstützt und bietet einen zuverlässigen Mechanismus für die seitenübergreifende Kommunikation.

Das obige ist der detaillierte Inhalt vonWie übergebe ich Variablen zwischen HTML-Seiten in JavaScript mit Bereichseinschränkungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!