ローカルストレージlocals

1135 ワード

html 5の1つの非常にcoolな機能は、web storageであり、以前のcookieに似ているが、それとは異なり、web storageはローカル5兆の容量で格納できるが、cookieは4 Kしかないという利点がある.webstraangeはまた、localstorage、sessionstorage、ローカルデータベースに分けられます.次に紹介します.
1、localstorage
localstorage        ,   :

    :

localStorage.setItem(key,value);//    
localStorage.getItem(key);//    
localStorage.removeItem(key);//      
localStorage.clear();//      
key:localStorage.key(index);//        
2、sessionStorage
sessionStorage   localStorage    ,  sessionStorage              , localStorage          

3.    localStorage  JSON
  localStorage              。          。
 json  localStorage :
[javascript]view plaincopy

varjson={name:"ww",phone:12345668};localStorage.setItem("person",JSON.stringify(json));
    json   localStroage.person 。

    localStroage    ,         :
[javascript]view plaincopy

varperson=JSON.parse(localStorage.getItem("person"));
    json        。

 
4.注意事項
注目すべきは、localStorageに格納されている文字列タイプなので、jsonは格納時にJSONを先に使用する.parse()メソッドはこれを文字列に変換し、jsonを取り出す際にJSONを用いる.parse()メソッドは、オブジェクトに変換します.任意のタイプのデータはlocalStroageに格納されると強制的に文字列タイプに変換されます.