一、Cookie
cookie 用于存储web页面的用户信息。
cookie 是一些数据,存储在你电脑上的文本文件中。当web服务器向浏览器发送web页面时,在连接关闭后,服务端不会记录用户的信息。Cookie的作用就是用于解决如何记录客户端的用户信息。
- 当用户访问web页面时,他的名字记录在cookie中。
- 在用户下一次访问该页面时,可以再cookie中读取用户的访问记录。
Cookie以name为名称,value为值,名和值在传送时都必须是URL编码的。
username = jackson
当流浪器从服务其上请求web页面时,属于该页面的cookie户添加到该请求中。服务器通过这种方式来获取用户信息。
二、localStorage
- 允许在浏览器中存储key/value对的数据。
- 用于长期保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。
- 属性是只读的。
如果你想浏览器窗口关闭后还保留数据,可以使用localStorage;如果你只想将数据保存在当前会话中,可以使用sessionStorage.
三、sessionStorage
- 允许在浏览器中存储key/value对的数据。
- 数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后也将删除这些数据。
四、indexedDB
索引数据库(indexDB)API(作为HTML5 的一部分)对创建具有吩咐本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用。
同时它还有助于本地缓存数据,使传统再现Web应用程序(比如移动 Web 应用程序)能够更快的运行和响应。