localStroage和sessionStroage

客服端存储数据的两个对象：

localStroage（没有时间限制的存储，除非被清除，否则永久保留）。

sessionStroage（短时间存储，仅在当前会话有效，当页面关闭或者浏览器 关闭时被清除）。

localStroage 例子：

html代码：

网站名：



网站地址：

---

输入网站名：

javascript代码：

点击添加按钮时

点击查找按钮时

点击删除按钮时，可以看到key和value值没有了

localStroage保存了很多条数据

点击删除所有按钮时，所有记录清空了。

 localStorage和 sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);