Heim >häufiges Problem >Was ist der Unterschied zwischen Sessionstorage und Localstorage?

Was ist der Unterschied zwischen Sessionstorage und Localstorage?

青灯夜游
青灯夜游Original
2020-11-09 14:15:1834036Durchsuche

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

Gleicher Ursprung

Gleiches Protokoll, gleicher Host, gleicher Port

🎜http://www.example.com:81/dir/other.html 🎜🎜Unterschiedliche Quellen🎜🎜Gleiches Protokoll, gleicher Host und gleicher Port sind unterschiedlich🎜🎜<tr>🎜<code>https://www.example.com/dir/other.html🎜🎜Unterschiedliche Quellen🎜 🎜Unterschiedlich Protokolle🎜🎜🎜http://en.example.com/dir/other.html🎜🎜Verschiedene Quellen🎜🎜Verschiedene Hosts🎜🎜🎜http: // example.com/dir/other.html🎜🎜Verschiedene Quellen🎜🎜Verschiedene Hosts (erfordert genaue Übereinstimmung)🎜🎜🎜http://v2.www.example.com/dir /other .html🎜🎜Verschiedene Quellen🎜🎜Verschiedene Hosts (erfordert genaue Übereinstimmung)🎜🎜🎜http://www.example.com:80/dir/other.html🎜 🎜Es hängt von der Situation ab🎜🎜Der Port ist klar und hängt vom zu implementierenden Browser ab🎜🎜🎜🎜🎜Im 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. 🎜
    var obj = {"name":"xiaoming","age":"16"}
    localStorage.setItem("userInfo",JSON.stringify(obj));
对比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.htmlGleiches 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!

Stellungnahme:
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