Problem:
Sie müssen eine Variable zwischen zwei übergeben HTML-Seiten mit JavaScript. Der Wert der Variablen wird in einem Textfeld auf der ersten Seite erfasst und Sie möchten auf der zweiten Seite auf diesen Wert zugreifen, nachdem der Benutzer auf eine Schaltfläche geklickt hat. Beim Versuch, die Variable auf der zweiten Seite abzurufen, stoßen Sie jedoch auf einen „undefinierten“ Wert.
Lösung:
Verwendung von localStorage:
Anstatt globale Variablen zu verwenden, die unzuverlässig und schwer zu verwalten sein können, können Sie localStorage verwenden, um diese Funktionalität zu erreichen. localStorage ist eine Browser-API, die eine Möglichkeit bietet, Daten lokal im Browser zu speichern, auch nach dem Schließen der App oder des Browser-Tabs. Es hat im Vergleich zu Cookies ein großes Speicherlimit.
Implementierung:
Auf Seite 1 (Variable speichern):
<code class="javascript">window.onload = function() { var getInput = prompt("Hey type something here: "); localStorage.setItem("storageName", getInput); }</code>
Auf Seite 2 (Variable abrufen):
<code class="javascript">window.onload = function() { alert(localStorage.getItem("storageName")); }</code>
Erklärung:
Alternative Ansätze:
Das obige ist der detaillierte Inhalt vonWie übergebe ich mit JavaScript effektiv eine Variable zwischen HTML-Seiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!