使用して保存されたH5-のlocalStorage

1  <! - 
2  使用のlocalStorage:
 3      1.含量が約20メガバイト保存された
 4      2.異なるブラウザでデータを共有することはできませんが、別の同意のブラウザウィンドウに、あなたがデータを共有することができます
 5      3.永久、彼のデータがありますハードディスクに保存され、そのページで終わるか、ブラウザとクリアを閉じません、あなたがクリアしたい場合は、手動でクリアする必要があります
 6  
7  setTtem(キー、値):マナーストアキーと値のペアでデータを格納する
 8  のgetItem(キー):名前キーの値に対応する値を設定することにより、取得したデータを取得する
 。9  removeItme(キー):データを削除し、対応する名前設定することにより、削除されたキー値
 10  をクリア():クリア保存されているすべての内容を
 。11  - > 
12である、 < INPUTの種類= "テキスト" ID ="ユーザ名" > < BR /> 
13され 、< INPUTのタイプ="ボタン" ="設定データ "ID = "のsetData" > < BR /> 
14  < 入力タイプ= "ボタン" = "获取数据" ID = "のgetData" > < BR /> 
15  < 入力タイプ= "ボタン" = "删除数据" ID = "REMOVEDATA" > < BR /> 
16  
17  < スクリプト> 
18      / * 存储数据* / 
19      document.querySelector(" #setData " )。onclickの= 関数(){
 20          VAR名前= document.querySelector(" #username " ).Valueの、
 21である         window.localStorage.setItem(" userNameに" 、名);
 22である     }
 23ことである     * / データを取得* / 
24      document.querySelector(" #getData " ).onclick = 関数(){
 25          / * キーを該当する名前、それはヌル得なくなる場合* / 
26である         VaRの= window.localStorage.getItem(" userNameに" );
 27          アラート(名);
28      }
 29      / * データを削除* / 
30      document.querySelector(" #removeData " ).onclick = 関数(){
 31がある         * / エラー、エラーが、データが削除されていない場合、キー値が削除された場合* / 
32          window.localStorage.removeItem(" userNameに" );
 33である     }
 34である </ スクリプト>

 

おすすめ

転載: www.cnblogs.com/FengBrother/p/11373333.html