Heim> häufiges Problem> Hauptteil

Was ist der Unterschied zwischen Sessionstorage und Localstorage?

青灯夜游
Freigeben: 2020-11-09 14:15:18
Original
33876 Leute haben es durchsucht

Unterschied: Der Lebenszyklus von localStorage ist dauerhaft, sofern der Benutzer die Informationen von localStorage nicht löscht. Sobald das Fenster oder die Registerkarte dauerhaft geschlossen ist, bleiben diese Informationen bestehen Es wurde auch gelöscht.

Was ist der Unterschied zwischen Sessionstorage und Localstorage?

LocalStorage und sessionStorage sind beide Objekte, die zum Speichern temporärer Informationen auf dem Client verwendet werden.

Sie können nur Objekte vom Typ String speichern (obwohl andere native Objekttypen in der Spezifikation gespeichert werden können, aber bisher hat kein Browser dies implementiert).

Der Lebenszyklus von localStorage ist dauerhaft, was bedeutet, dass die Informationen für immer bestehen bleiben, sofern der Benutzer die LocalStorage-Informationen nicht auf der vom Browser bereitgestellten Benutzeroberfläche löscht.

Der Lebenszyklus von sessionStorage ist das aktuelle Fenster oder die aktuelle Registerkarte. Sobald das Fenster oder die Registerkarte dauerhaft geschlossen wird, werden alle über sessionStorage gespeicherten Daten gelöscht.

Verschiedene Browser können keine Informationen in localStorage oder sessionStorage teilen. Verschiedene Seiten im selben Browser können denselben LocalStorage gemeinsam nutzen (die Seiten gehören zum selben Domänennamen und Port), SessionStorage-Informationen können jedoch nicht zwischen verschiedenen Seiten oder Registerkarten gemeinsam genutzt werden. Hierbei ist zu beachten, dass sich Seiten und Registerkarten nur auf Fenster der obersten Ebene beziehen. Wenn eine Registerkarte mehrere Iframe-Tags enthält und diese zur gleichen Quellseite gehören, kann sessionStorage zwischen ihnen gemeinsam genutzt werden.

Beurteilungsregeln für Homologie:

Vergleich der URL"http://www.example.com/dir/page.html"."http://www.example.com/dir/page.html"的对比。

http:// www .example.com/dir2/other.html

Gleiche Quelle

Gleiches Protokoll, gleicher Host, gleicher Port

http://username:password@www.example.com /dir2 /other.html

http://www.example.com:81/dir/other.html Unterschiedliche QuellenGleiches Protokoll, gleicher Host und gleicher Port sind unterschiedlichhttps://www.example.com/dir/other.html http://en.example.com/dir/other.html http: // example.com/dir/other.html http://v2.www.example.com/dir /other .html http://www.example.com:80/dir/other.html
var obj = {"name":"xiaoming","age":"16"} localStorage.setItem("userInfo",JSON.stringify(obj));
Nach dem Login kopieren
Gleicher UrsprungGleiches Protokoll, gleicher Host, gleicher Port Unterschiedliche Quellen Unterschiedlich Protokolle Verschiedene QuellenVerschiedene Hosts Verschiedene QuellenVerschiedene Hosts (erfordert genaue Übereinstimmung) Verschiedene QuellenVerschiedene Hosts (erfordert genaue Übereinstimmung) Es hängt von der Situation abDer Port ist klar und hängt vom zu implementierenden Browser abIm Gegensatz zu anderen Browsern berücksichtigt IE den Port nicht bei der Berechnung der Quelle. Das vom JSON-Objekt bereitgestellte Parse- und Stringifizierungsverfahren kann andere Datentypen in Zeichenfolgen konvertieren und diese dann im Speicher speichern.
对比URL 结果 结果
http://www.example.com/dir/page2.html 同源 相同的协议,主机,端口
http://www.example.com/dir2/other.html 同源 相同的协议,主机,端口
http://username:password@www.example.com/dir2/other.html 同源 相同的协议,主机,端口
http://www.example.com:81/dir/other.html 不同源 相同的协议,主机,端口不同
https://www.example.com/dir/other.html 不同源 协议不同
http://en.example.com/dir/other.html 不同源 不同主机
http://example.com/dir/other.html 不同源 不同主机(需要精确匹配)
http://v2.www.example.com/dir/other.html 不同源 不同主机(需要精确匹配)
http://www.example.com:80/dir/other.html Gleiches Protokoll, gleicher Host, gleicher Port
URL vergleichen Ergebnisse Ergebnisse
http://www.example.com/dir/page2.html Gleiche Quelle

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Sessionstorage und Localstorage?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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 Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!