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>

 

转载于:https://www.cnblogs.com/hcxy/p/6759559.html

相关资源：详解vue中localStorage的使用方法