JavaScript クライアント側ストレージ

1. 序文:

クライアント側ストレージは、実際には Web ブラウザのメモリ機能であり、ブラウザの API を通じてデータをハードディスクに保存します。

2. さまざまな形式のストレージ:

1. Web ストレージ: localStorage。 sessionStorage は同じストレージ オブジェクトを表します。永続インデックスは文字列であり、値も文字列の配列です。

2 つは異なるストレージ有効期間とスコープを持ち、その他は基本的に共通であり、スコープはすべて同じです。ドキュメントのソース レベルはドメインを越えてアクセスできません。

LocalStorage: 保存されたデータは永続的であり、同じ元のドキュメント間でデータを共有できます。ただし、ブラウザによって制限されます。 : 範囲はウィンドウまたはタブ ページに限定されます。タブを閉じるとすべてのデータが削除されます。どちらも .key または [key] を介してデータを設定および取得するために通常の JS オブジェクトとして使用できます。正式な API:

setItem (): localStorage.setItem("x",1) の形式で、対応する名前と値を設定します。

GetItem(): 対応する値を取得するために名前を渡します。形式: localStorage.getItem("x");

RemoveItem(): 名前を渡し、対応するデータを削除します; clear(): 保存されているすべてのデータを消去します

key(): 列挙するために長さと組み合わせて使用​​されます。 all names: for(var i=0;i

2. Cookie: Cookie データは Web ブラウザと Web サーバーの間で自動的に転送されるため、サーバー スクリプトはクライアントに保存されている Cookie 値を読み書きできます;

Cookie制限事項: 各 Web サーバーは 20 個を超える Cookie を保存できません。Cookie によって保存されるデータは 4kb を超えることはできません。 3. クライアント データベース (html5): IndexedDB: Chrome および FireFox の新しいバージョンのサポート。

4. ファイル システム (HTML5): ローカル ファイル システムを操作できます。現在、これを実装しているのは新しいバージョンの Chrome ブラウザのみです。