HTML 5-localStorage、sessionStorageの使い方まとめ

localStorageとsessionStorage機能
localStorageは、アクティブにデータを削除しない限り、永続的なローカルストレージに使用されます.データは期限切れになりません.
sessionStorageは、同じセッション内のページにのみアクセスでき、セッションが終了するとデータも破棄されるセッション内のデータをローカルに格納するために使用されます.したがって、sessionStorageは永続的なローカルストレージではなく、セッションレベルのストレージにすぎません.
localStorageおよびsessionStorageアクション
localStorageとsessionStorageは、setItem、getItem、removeItemなど、同じ操作方法を有します.
localStorageとsessionStorageの方法
setItem格納value
用途:valueをkeyフィールドに格納する使い方:.setItem(key,value)コードの例:

sessionStorage.setItem("key", "value"); 	
localStorage.setItem("site", "js8.in");

getItem valueの取得
用途:指定keyローカルに格納された値の使用法を取得する:.getItem(key)コードの例:

var value = sessionStorage.getItem("key"); 	
var site = localStorage.getItem("site");

removeItem削除key
用途:指定keyローカルに格納されている値の使用法を削除する:.removeItem(key)コードの例:

sessionStorage.removeItem("key"); 	
localStorage.removeItem("site");

クリアすべてのkey/valueをクリア
用途:すべてのkey/value用法をクリアする:.clear()コードの例:

sessionStorage.clear(); 	
localStorage.clear();

その他の操作方法:ポイント操作と[]
web Storageは、自身のsetItem、getItemなどでアクセスしやすいだけでなく、普通のオブジェクトのようにポイント(.)を使うこともできます.オペレータ、および[]は、次のコードのようにデータを格納します.

var storage = window.localStorage; 
storage.key1 = "hello"; 
storage["key2"] = "world"; 
console.log(storage.key1); 
console.log(storage["key2"]);

localStorageとsessionStorageのkeyとlengthプロパティの遍歴
sessionStorageおよびlocalStorageが提供するkey()およびlengthは、次のコードのような格納されたデータの遍歴を容易に実現することができる.

var storage = window.localStorage; 
for (var i=0, len = storage.length; i   
   
   
  
 storage  
 
  
 storage    storage  ，       clear   ，     storage  ，            storage       ：
 
  
if(window.addEventListener){
    window.addEventListener("storage",handle_storage,false);}
else if(window.attachEvent){
    window.attachEvent("onstorage",handle_storage);} 
function handle_storage(e){ 	
    if(!e){e=window.event;}}
  
------------------------------------------------------------------------------------------------------------ 
storageには   のデータしか  できませんが、JSでよく われる  やオブジェクトには    できません.
? 
1 
2 
3 
4 
5 
6 
7 var  obj = { name:  'Jim'  };  sessionStorage.obj = obj;   localStorage.obj = obj;   
  var  arr = [1,2,3];   sessionStorage.obj = arr;   localStorage.obj = arr;  
 の き はすべて  できません!ただし、JSONオブジェクトが  するparseとstringifyで のデータ を   に  し、storageに  すればよい. のコードを てください.
? 
1 
2 
3 
4 
5 
6 
7 
8 
9 var  obj = { name:  'Jim'  };   var  str = JSON.stringify(obj);   
  //    sessionStorage.obj = str;   //    str = sessionStorage.obj;   //         obj = JSON.parse(str);  
  ------------------------------    sessionStorage localStorage   ----------------------------   //        var _x = [];
     for(var i=1;i<=5;i++){
     _x.push('{"a'+i+'":"'+i+'"}');
     }  
     //  1
    sessionStorage.water = _x;//       
     var data=eval('(['+sessionStorage.water+'])');//         []   ，      
     console.log(data);//      
     //  2
     /sessionStorage.water = JSON.stringify(_x);//        
     var data=eval('('+sessionStorage.water+')');//    
     console.log(data);
     alert(data.length);