学习笔记：Web Storage API

Web Storage API 提供了存储机制，通过该机制，浏览器可以安全地存储键值对，比使用 cookie 更加直观。

Web Storage 包含如下两种机制：

• sessionStorage 为每一个给定的源（given origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复）。
• localStorage 同样的功能，但是在浏览器关闭，然后重新打开后数据仍然存在。

localStorage和sessionStorage是相似的，除了存在前者的数据没有到期时间而存在后者的数据会被清除当浏览器关闭。例子：添加或更新数据项：localStorage.setItem('myCat','Tom');，读数据项：var cat = localStorage.getItem('myCat');，移除数据项：localStorage.removeItem('myCat');或localStorage.clear();，后者不接受参数，只是简单地清空域名对应的整个存储对象。

IE和Edge不支持在本地HTML文件上用localStorage，火狐可以。

localstorage中只能存储字符串。如果想存对象数组/对象/数组，则存之前要把数据变成JON，读时再把数据从JSON变回来。队JSON用typeof的结果是字符串。

真正项目中，大部分是通过Ajax和Server通过接口来实现对于数据的写操作，可以通过自己写一个简单的服务代码来学习前后端数据通信的主要方式Ajax。

转载于:https://www.cnblogs.com/huyue/p/9463325.html