localStorage用法

【知识点】 localStorage是永久储存

【应用场景】 登录验证

<script>
    $(document).ready(function(){
        var poppy = localStorage.getItem('myPopup'); // 读取localStorage
        if(!poppy){    
            function PopUp(){
                PopUp(); //不存在则执行
            }
            setTimeout(function(){
                PopUp();
            },1000);
            localStorage.setItem('name','value'); // 设置localStorage
        }
    })
    //   存在则自然不会执行任何动作       
</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>