html 5 中 Web 存储 与cookie的写法

session:
针对一个 session 的数据存储
大小限制在5M左右，各个浏览器不一致
仅在当前浏览器窗口关闭前有效（适合会话验证）
不在不同的浏览器窗口中共享，即使是同一个页面
存储数据：

sessionStorage.setItem('testKey','这是一个测试的value值'); 
sessionStorage['testKey'] = '这是一个测试的value值'

读取数据：

sessionStorage.getItem('testKey');
sessionStorage['testKey']; 

localhostStorage:
JS下的操作方法

获取键值：localStorage.getItem(“key”)
设置键值：localStorage.setItem(“key”,”value”)
清除键值：localStorage.removeItem(“key”)
清除所有键值：localStorage.clear()
获取键值2：localStorage.keyName
设置键值2：localStorage.keyName = “value”

JQ下的操作方法（JS方法前加”window.”）

获取键值：window.localStorage.getItem(“key”)
设置键值：window.localStorage.setItem(“key”,”value”)
清除键值：window.localStorage.removeItem(“key”)
清除所有键值：window.localStorage.clear()
获取键值2：window.localStorage.keyName
设置键值2：window.localStorage.keyName = “value”

删除cookie：
2 * 删除cookie
3 * @param name cookie的名称
4 */
5

    var delCookie = function (name) {
6       setCookie(name, ' ', -1);
7     };

设置要删除的cookie的expires为过去的时间即可
修改cookie：
使用上面设置cookie的方法，重新给要修改的cookie赋值就行，这样旧的就会被覆盖掉
cookie的主要作用：
Cookie主要用在以下三个方面:
会话状态管理（如用户登录状态、购物车、游戏分数和其它需要记录的信息）
个性化设置（如用户自定义设置、主题等）
浏览器行为跟踪（如跟踪分析用户行为）
cookie设置语法：

document.cookie = "cookieName=mader; expires=Fri, 31 Dec 2017 15:59:59 GMT; path=/mydir; domain=cnblogs.com; max-age=3600; secure=true";
 cookieName=mader ：name=value，cookie的名称和值
 expires=Fri, 31 Dec 2017 15:59:59 GMT： expires，cookie过期的日期，如果没有定义，cookie会在对话结束时过期。日期格式为 new Date().toUTCString()
 path=/mydir: path=path (例如 '/', '/mydir') 如果没有定义，默认为当前文档位置的路径。

domain=cnblogs.com： 指定域(例如 ‘example.com’， ‘.example.com’ (包括所有子域名), ‘subdomain.example.com’) 如果没有定义，默认为当前文档位置的路径的域名部分。

 max-age=3600： 文档被查看后cookie过期时间，单位为秒
 secure=true： cookie只会被https传输 ，即加密的https链接传输*