Wie übergebe ich Variablen zwischen Seiten in JavaScript mithilfe des lokalen Speichers?

Variablen über JavaScript von Seite zu Seite übergeben

Ihr Ziel ist es, den Wert einer Variablen von „Seite 1“ an „Seite 2“ zu übergeben. " und zeige es mit window.onload an. Der von Ihnen verwendete globale Variablenansatz scheint jedoch Probleme zu verursachen.

Lokaler Speicher: Ein anderer Ansatz

Anstatt sich auf globale Variablen zu verlassen, sollten Sie die Verwendung in Betracht ziehen localStorage-API. Dieser Ansatz ermöglicht es Ihnen, Daten unabhängig von einzelnen Seiten lokal im Browser zu speichern. Hier ist eine überarbeitete Lösung mit localStorage:

page1.html

<code class="html"><script>
  window.onload = function() {
    var getInput = prompt("Enter your value:");
    localStorage.setItem("myValue", getInput);
  };
</script>

...

<input type="submit" value="Go To Page 2" onclick="location.href='page2.html'"></code>

page2.html

<code class="html"><script>
  window.onload = function() {
    var getValue = localStorage.getItem("myValue");
    alert("Value from page 1: " + getValue);
  };
</script></code>

This Dieser Ansatz vermeidet die Probleme mit globalen Variablen, auf die Sie gestoßen sind, und ermöglicht Ihnen, den Wert der Variablen effektiv zwischen den beiden Seiten zu übergeben.

Das obige ist der detaillierte Inhalt vonWie übergebe ich Variablen zwischen Seiten in JavaScript mithilfe des lokalen Speichers?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!