本地存储
(1)本地存储特性
1,数据存储在用户浏览器中;
2,设置、读取方便、刷新页面也不会丢失数据;
3,容量较大,sessionStorage约5M、localStorage约20M;
4,只能存储字符串,可以将对象JSON.stringify()编码后存储;
(2)window.sessionStorage
1,生命周期为关闭浏览器窗口;
2,在同一个窗口(页面)下数据可以共享;
3,已键值对的形式存储使用;
存储数据:sessiongStorage.setItem(key,value)
;
获取数据:sessionStorage.getItem(key)
;
删除数据:sessionStorage.removeItem(key)
;
删除所有数据:sessionStorage.clear()
;
例子:
<body>
<input type="text">
<button class="set">存储数据</button>
<button class="get">获取数据</button>
<button class="remove">删除数据<