ホームページ > よくある問題 > セッションストレージとローカルストレージの違いは何ですか?

セッションストレージとローカルストレージの違いは何ですか?

青灯夜游
リリース: 2020-11-09 14:15:18
オリジナル
34041 人が閲覧しました

違い: localStorage ライフ サイクルは永続的です。ユーザーが localStorage 情報をクリアしない限り、この情報は永久に存在します。sessionStorage ライフ サイクルは現在のウィンドウまたはタブです。ウィンドウまたはタブが完全に閉じられると、その後、すべて通過すると、保存されていたデータが消去されます。

セッションストレージとローカルストレージの違いは何ですか?

localStorage と sessionStorage は両方とも、一時的なクライアント情報を保存するために使用されるオブジェクトです。

これらは文字列タイプのオブジェクトのみを保存できます (仕様では他のネイティブ タイプのオブジェクトも保存できますが、これを実装しているブラウザは今のところありません)。

localStorage ライフサイクルは永続的です。つまり、ユーザーがブラウザーによって提供される UI 上で localStorage 情報を消去しない限り、情報は永久に存在します。

sessionStorage のライフ サイクルは、現在のウィンドウまたはタブです。ウィンドウまたはタブが完全に閉じられると、sessionStorage に保存されているすべてのデータが消去されます。

異なるブラウザーは、localStorage または sessionStorage 内の情報を共有できません。同じブラウザ内の異なるページは同じ localStorage (ページは同じドメイン名とポートに属します) を共有できますが、sessionStorage 情報は異なるページまたはタブ間で共有できません。ページとタブはトップレベル ウィンドウのみを参照することに注意してください。タブ ページに複数の iframe タグが含まれており、それらが同じソース ページに属している場合、それらの間で sessionStorage を共有できます。

同一起源の判定ルール:

URL"http://www.example.com/dir/page.html"の比較。

#URL の比較結果結果 # #http://www.example.com/dir/page2.htmlhttp://www.example.com/dir2/other.htmlhttp://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://www.example.com:80/dir/other.html状況に応じて異なります他のブラウザとは異なり、IE にはソース インクルードを計算するときにポートがありません。ポート。 JSON オブジェクトによって提供される解析と文字列化は、他のデータ型を文字列に変換してストレージに保存できます。操作方法:
同じオリジン 同じプロトコル、ホスト、ポート
同じオリジン 同じプロトコル、ホスト、ポート
同じオリジン 同じプロトコル、ホスト、ポート
別のソース
別のソース
異なるソース
異なるソース ##http://v2.www.example.com/dir/other.html
異なるホスト (完全一致が必要)
ポートは明確であり、ブラウザの実装に依存します

保存:

    var obj = {"name":"xiaoming","age":"16"}
    localStorage.setItem("userInfo",JSON.stringify(obj));
ログイン後にコピー

取得:

    var user = JSON.parse(localStorage.getItem("userInfo"))
ログイン後にコピー

削除:

    localStorage.remove("userInfo);
ログイン後にコピー

クリア:

    localStorage.clear();
ログイン後にコピー

以上がセッションストレージとローカルストレージの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート