Heim > Web-Frontend > js-Tutorial > Wie können Sie JavaScript-Variablen über mehrere Webseiten hinweg beibehalten?

Wie können Sie JavaScript-Variablen über mehrere Webseiten hinweg beibehalten?

Patricia Arquette
Freigeben: 2024-11-12 17:24:02
Original
703 Leute haben es durchsucht

How Can You Preserve JavaScript Variables Across Multiple Web Pages?

JavaScript-Variablen über mehrere Seiten hinweg beibehalten: Eine umfassende Erklärung

Es kann für verschiedene Anwendungen zwingend erforderlich sein, JavaScript-Variablen über mehrere Webseiten hinweg beizubehalten. Angenommen, Sie haben eine JavaScript-Variable „someVar“ auf Seite A auf 5 gesetzt. Wie können Sie sicherstellen, dass „someVar“ seinen Wert 5 behält, wenn Sie durch Klicken auf einen Hyperlink zu Seite B navigieren?

Lösung : Nutzung der JavaScript-Sitzung

JavaScript bietet einen Mechanismus namens „JavaScript-Sitzung“, der es Ihnen ermöglicht, Daten dauerhaft in einem einzigen Fenster oder Tab zu speichern. Die Eigenschaft „window.name“ dient als persistenter Speicherplatz für Daten.

Implementierung:

  1. Setzen Sie auf Seite A „someVar“ mit „window .someVar = 5;'.
  2. Verwenden Sie beim Übergang zu Seite B „window.name“, um „someVar“ als JSON-Objekt zu speichern:
window.name = JSON.stringify({ someVar: 5 });
Nach dem Login kopieren
  1. Rufen Sie auf Seite B den gespeicherten Wert ab mit:
const storedData = JSON.parse(window.name);
const someVar = storedData.someVar;
Nach dem Login kopieren

Einschränkungen:

JavaScript-Sitzung ist auf dasselbe Fenster/Tab beschränkt. Durch das Öffnen eines neuen Fensters oder einer Browsersitzung wird „someVar“ auf den Standardwert zurückgesetzt.

Das obige ist der detaillierte Inhalt vonWie können Sie JavaScript-Variablen über mehrere Webseiten hinweg beibehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage