localStorage 和 sessionStorage的使用方法

什么是localStorage 以及sessionStorage

localStorage 和sessionStorage都属于本地存储，不同之处在于，存储在 localStorage 里面的数据没有过期时间（expiration time），而存储在 sessionStorage 里面的数据会在浏览器会话（browsing session）结束时被清除，即浏览器关闭时。

注意事项

不论是localStorage 还是sessionStorage的存储方式只适用于当前的页面，如果想通过localStorage 或者sessionStorage向其他页面传递参数，当打开的页面多时，会出现全局污染,参数混乱的现象。

localStorage和sessionStorage操作

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem、removeItem、clear等
setItem存储value
用途：将value存储到key字段
用法：.setItem( key, value)
代码如下:
sessionStorage.setItem(“key”, “value”);
localStorage.setItem(“val”, “value”);

getItem获取value
用途：获取指定key本地存储的值
用法：.getItem(key)
代码如下:
var value = sessionStorage.getItem(“key”);
var val= localStorage.getItem(“val”);
removeItem删除key
用途：删除指定key本地存储的值
用法：.removeItem(key)
代码如下:
sessionStorage.removeItem(“key”);
localStorage.removeItem(“val”);

clear清除所有的key/value
用法：.clear()
代码如下:
sessionStorage.clear();
localStorage.clear();