JavaScript本地存储方式

• cookie

• sessionStorage

• localStorage

cookie

类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决 HTTP无状态导致的问题

一般通过设置标记为Secure来确保cookie使用https对其加密

document.cookie = "name=value; Secure";

可以设置cookie的过期时间来实现删除

 document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT; Secure; path=/';

]()

localStorage

HTML5新方法，IE8以上浏览器都兼容

• 持久化本地存储

• 在同一域内共享（不能跨域）

设置

localStorage.setItem('username','cfangxu');

获取

localStorage.getItem('username')

获取键名

localStorage.key(0) //获取第一个键名

删除

localStorage.removeItem('username')

一次性清除所有存储

localStorage.clear()

sessionStorage

sessionStorage和 localStorage使用方法基本一致，唯一不同的是生命周期，一旦页面（会话）关闭，sessionStorage 将会删除数据