js 本地缓存localStorage

复制代码
1.localStorage - 没有时间限制的数据存储 

   var arr=[1,2,3];
   localStorage.setItem("stor",arr); 
   console.log(localStorage.getItem("stor"));

 2.清空localStorage
  localStorage.clear(); //

 3.删除键值对
  localStorage.removeItem("stor");  
  注意:存入的数据只能以字符串形式存入。


//JSON对象转JSON字符串
  var obj = {"a": 1,"b": 2};
  obj = JSON.stringify(obj); //转化为JSON字符串
  localStorage.setItem("stor1", obj);

  //JSON字符串转JSON对象
  obj=JSON.parse(localStorage.getItem("stor1"));
复制代码

 例如 6个元素 每次刷新页面依次出现一个(不重复出现),最后一个元素出现后从新开始:

复制代码
<script>
// JavaScript Document
tips = new Array(6);
tips[0] = 'K6661112228';
tips[1] = 'sy66688815';
tips[2] = 'y6668887788';
tips[3] = 'xzc17051001008';
tips[4] = 'Yn6661118882255';
tips[5] = '258258005858';

var i=localStorage.getItem("index");
if(i==null)
{
    index=0;
    localStorage.setItem("index", "0")
}else
{
    
    var i=localStorage.getItem("index");
        index=parseInt(i)+1;
        if(index>5)
        {
                index=0;
    localStorage.setItem("index", "0")
        }else{
            localStorage.setItem("index", index)
        }
}
</script>
复制代码

 

posted @   .NET_海  阅读(9187)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
历史上的今天:
2018-03-20 C# 后台请求api
点击右上角即可分享
微信分享提示