前面写了jquery 本地存储 cookie 的基本用法jquery cookie示例 - 只提示一次的弹框 两篇介绍cookie用法的篇章之后,下面来看看 localStorage 这个本地存储的方式。

localStorage

2、localStorage 存储在本地,容量为5M或者更大,不会在请求时候携带传递,在所有同源窗口中共享,数据一直有效,除非人为删除,可作为长期数据。

//设置:
localStorage.setItem("dat", "456");
localStorage.dat = '456';

//获取:
localStorage.getItem("dat");
localStorage.dat

//删除
localStorage.removeItem("dat");

 

需求:

jquery 的本地存储 localStorage

 

 

 

jquery 的本地存储 localStorage

 

 

 

 点击确定,存储数据,刷新、切换页面也不会再显示

jquery 的本地存储 localStorage

 

 

 

 记得,退出时要清除数据(localStorage特性)

 jquery 的本地存储 localStorage

 

 

 

 jquery 的本地存储 localStorage

 

 

 

 jquery 的本地存储 localStorage

 

 

 

 

 借鉴:https://www.jianshu.com/p/98ae3c283e0e

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

------------恢复内容结束------------

------------恢复内容结束------------

相关文章:

  • 2021-06-14
  • 2022-02-09
  • 2021-05-25
  • 2022-01-31
猜你喜欢
  • 2021-11-05
  • 2022-02-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-15
  • 2021-12-29
  • 2021-07-18
相关资源
相似解决方案