localStorage用法

【知識點】 localStorage是永久儲存

【應用場景】 登陸驗證

 1 <script>
 2     $(document).ready(function(){
 3         var poppy = localStorage.getItem('myPopup'); // 讀取localStorage
 4         if(!poppy){    
 5             function PopUp(){
 6                 PopUp(); //不存在則執行
 7             }
 8             setTimeout(function(){
 9                 PopUp();
10             },1000);
11             localStorage.setItem('name','value'); // 設置localStorage
12         }
13     })
14     //   存在則天然不會執行任何動做       
15 </script>

【應用場景】 儲存json數據

<script>
　　// 定義構造函數
　　var localEvent = function (item) {
   　　 this.get = function () {
      　　  return localStorage.getItem(item) ? JSON.parse(localStorage.getItem(item)) : '';
    　　}
    　　this.set = function (obj) {
       　　 localStorage.setItem(item, JSON.stringify(obj));
    　　}
    　　this.clear = function () {
       　　 localStorage.removeItem(item);
    　　}
　　}

　　// 實例化
　　// newFun = new fun('localStorageName'); 注意，其中'localStorageName'就是存儲數據時的key.

　　var ls_user = new localEvent('ls_user'); 　

　　// 調用 
　　　　// 獲取數據
　　　　ls_user.get()       // 獲取key爲ls_user的localStorage數據，有則返回包含對應數據的對象，無則返回空；
　　
　　　　// 儲存數據
　　　　var json = {"name":"xxx"};
　　　　ls_user.set(json);  // 儲存key爲ls_user的localStorage數據。

　　　　// 清除數據
　　　　ls_user.clear();    // 儲存key爲ls_user的localStorage數據

</script>