本地存储

# 客户端(浏览器)存储
* cookie (出现比js早 很多语言都可以操作)
* localStorage (h5新增)
* sessionStorage (h5新增)

## cookie
* 存储在用户浏览器当中的一个字符串,能够用来在不同页面之间传递数据.
* cookie的保存是按照域名来划分的,不同域名不能访问cookie
* 保存的数据量小 4kb 或者20个键值对
* 不同浏览器保存的cookie也是各自独立的
* 操作cookie
* 获取 document.cookie
* 设置 document.cookie="属性名=属性值"
* 过期时期
* 在默认的情况下,cookie 会在浏览器关闭的时候自动清除,但是我们可以通过expires来设置 cookie 的有效期。
* 默认的生存周期 session 打开网页到关闭网页(刷新不算)
* expires 自己设置 国际标准时间 expires=过期时间 date.toGMTString
* 获取 删除 设置
* 案例练习------read.html 本地存储.js

## localStorage
* 和cookie区别:保存的数据是永久的,除非用户手动操作删除。localStorage保存的数据量5MB-10MB
* 在同一域名下共同使用一个localStorage

## sessionStorage
* 保存的数据只能存在在一次会话当中

######localStorage操作
* 设置
* localStorage.key=value;
* localStorage.setItem(key,value)
* 获取
* localStorage.key
* localStorage.getItem(key);
* 删除
* localStorage.removeItem(key);
* 清空 localStorage.clear()

#####sessionStorage操作与localStorage用法相同

原文地址:https://www.cnblogs.com/fenglee/p/7258561.html