Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie behalte ich JavaScript-Variablen nach einer Seitenaktualisierung?

Patricia Arquette
Freigeben: 2024-11-09 18:21:02
Original
1029 Leute haben es durchsucht

How Do I Keep JavaScript Variables After a Page Refresh?

So behalten Sie JavaScript-Variablen bei Seitenaktualisierungen bei

In JavaScript verlieren Variablen normalerweise ihre Werte, wenn die Seite aktualisiert wird. Es gibt jedoch Techniken, um Variablen persistent zu machen.

Eine dieser Techniken umfasst die Verwendung von Webspeichermechanismen wie window.localStorage oder window.sessionStorage. LocalStorage speichert Daten über Browsersitzungen hinaus, während sessionStorage Daten nur innerhalb der aktuellen Sitzung speichert.

Um eine Variable mit localStorage zu speichern, verwenden Sie Folgendes:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);
Nach dem Login kopieren

So rufen Sie die gespeicherte Variable ab:

var someVarName = localStorage.getItem("someVarKey");
Nach dem Login kopieren

Denken Sie daran, dass localStorage nur Zeichenfolgenwerte speichert. Wenn Sie mit anderen Datentypen arbeiten möchten, sollten Sie die Verwendung von JSON.stringify und JSON.parse in Betracht ziehen.

Weitere Informationen und Kompatibilitätsoptionen finden Sie im DOM-Speicherhandbuch des MDN und in anderen Ressourcen im Referenzabschnitt unten.

Das obige ist der detaillierte Inhalt vonWie behalte ich JavaScript-Variablen nach einer Seitenaktualisierung?. 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