前端JS学习笔记——本地存储

在HTML5之前浏览器存储数据一般只能存储在Cookie中，但是Cookie的限制是4096字节，这就要求网站存储的数据尽量精简，复杂的、关系型的用户数据就根本不可能存储了。

为了在本地存储大量数据，HTML5提出了新的本地存储技术sessionStorage和localStorage。

本地存储特性

1. 数据存储在用户浏览器中
2. 设置、读取方便、甚全页面刷新不丢失数据
3. 容星较大，sessionStorage约5M、localStorage：约20M
4. 只能存储字符串，可以将对象SON.stringify0编码后存储

一、sessionStorage会话级别的本地存储

sessionStorage特性：

1. 生命周期为关闭浏览器窗口
2. 在同一个窗口页面下数据可以共享
3. 以键值对的形式存储使用

语法：

//存储数据
sessionStorage.setItem(key,value)
//获取数据
sessionStorage.getItem(key)
//删除数据
sessionStorage.removeItem(key)
//清楚所有数据
sessionStorage.clear() // ！谨慎使用

练习案例：

<--html-->
<input type="text" name="" id="uname" value="" placeholder="用户名&#