HTML5之localStorage、sessionStorage

版权声明：转载请@我原创地址 https://blog.csdn.net/weixin_39706415/article/details/83991679

一、localStorage

用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除

没有时间限制的数据存储

（一）设置值

1.　　localStorage.setItem(key,value):

2.　　localStorage.name = "maxd";

3.　　localStorage["name"] = "maxd";

（二）获取值

获取不到就是null 

1.　　localStorage.getItem(key,value):

2.　　var name= localStorage.name;

3.　　var name= localStorage["name];

（三）清除值

1.　　localStorage.removeItem(key)，表示清除单项key的值，例:localStorage.removeItem("name");执行这句话就会清除name的值

2.　　localStorage.clear(),表示清除localStorage存储的所有数据

扫描二维码关注公众号，回复： 4049467 查看本文章

二、sessionStorage

用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据,短暂性 一般会存储token

（一）设置值

1.　　sessionStorage.setItem(key,value):

2.　　sessionStorage.name = "maxd";

3.　　sessionStorage["name"] = "maxd";

（二）获取值

1.　　sessionStorage.getItem(key,value):

2.　　var name= sessionStorage.name;

3.　　var name= sessionStorage["name];

（三）清除值

1.　　sessionStorage.removeItem(key)，表示清除单项key的值，例:sessionStorage.removeItem("name");执行这句话就会清除name的值

2.　　sessionStorage.clear(),表示清除sessionStorage存储的所有数据