浅谈浏览器存储（cookie、localStorage、sessionStorage）

/**
* @description js原生设置COOKIE
* @param {String} name 给你要设置的COOKIE起个名字（key）
* @param {String} value COOKIE的具体内容(value)
* @param {String} expiredays 设置COOKIE的过期时间，单位：天
*/
function setCOOKIE(name, value, expiredays) {
var exdate=new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.COOKIE = name + '=' + escape(value)+ ((expiredays == null) ? '' : ';expires=' +exdate.toGMTString());
}

/**
* @description js原生获取COOKIE方法1
* @param {String} name 你要获取的COOKIE名
*/
function getCOOKIE(name) {
　　if (document.COOKIE.length > 0) {
　　　　var start = document.COOKIE.indexOf(name + '=');
　　　　if (start !== -1) {
　　　　　　start = start + name.length + 1;
　　　　　　var end = document.COOKIE.indexOf(';', start);
　　　　　　if (end === -1) {
　　　　　　　　end = document.COOKIE.length;
　　　　　　　　return unescape(document.COOKIE.substring(start, end));
　　　　　　}
　　　}
　　}
　　return '';
}

/**
* @description js原生获取COOKIE方法2
* @param {String} name 你要获取的COOKIE名
*/
function getCOOKIE(name) {
　　var COOKIEArr = document.COOKIE.split(';') || [];
　　if(!COOKIEArr.length){
　　　　return '';
　　}
　　for(var i = 0; i ){
　　　　var key = $.trim(COOKIEArr[i]).split('=')[0];
　　　　var value = $.trim(COOKIEArr[i]).split('=')[1];
　　　　if(key === name){
　　　　　　return value;
　　　　}
　　}
}

function checkCOOKIE() {
　　username = getCOOKIE('username');
　　if (username !== null && username !== '') {
　　　　alert('Welcome again ' + username + '!');
　　} else {
　　　　username = prompt('Please enter your name:', '');
　　　　if (username !== null && username !== '') {
　　　　　　setCOOKIE('username',username,365);
　　　　}
　　}
}

/**
* 'name', COOKIE命名
* 'value'，COOKIE的值
* {
* 　　expires: 7, // COOKIE有效期，单位天；默认值：会话COOKIE，关闭浏览器COOKIE失效。
* 　　path: '/', // COOKIE影响到的路径；值为'/'，表示设置COOKIE在整个域中可用；默认值：创建COOKIE的页面路径。
* 　　domain: 'example.com', // 定义COOKIE有效的域。默认值：创建COOKIE的页面域。
* 　　secure: false, // 定义COOKIE安全性，默认值：false，设置为true，则COOKIE在http中是无效的，COOKIE的传输需要使用安全协议（https）。
* }
*/
$.COOKIE('name', 'value', { expires: 7, path: '/', domain: 'example.com', secure: false});

$.COOKIE('name'); //name存在返回对应value,不存在返回null

$.COOKIE(); //{'name': value}

TODO：直接调用会报错？

//成功删除COOKIE时返回true，否则返回false

$.removeCOOKIE('name'); // => true

$.removeCOOKIE('nothing'); // => false


注意：删除COOKIE时，必须传递用于设置COOKIE的完全相同的路径，域和安全选项，除非您依赖于默认选项。
即：设置COOKIE时如果设置了path属性或secure属性，删除的时候要带着这些属性，否则无法成功删除COOKIE。
// This won't work!

$.removeCOOKIE('name'); // => false
// This will work!

$.removeCOOKIE('name', { path: '/' }); // => true

TODO：$.removeCOOKIE无效？
（jquery1.9.1.js + jquery.COOKIE.js，插件无重复引用的情况，$.removeCOOKIE提示undefined）

localStorage的生命周期是永久性的。localStorage存储的数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。如果 想设置失效时间，需自行封装。

sessionStorage 的生命周期是在浏览器关闭前。

　　特性：

• 关闭浏览器sessionStorage 失效；


• 页面刷新不会消除数据；


• 只有在当前页面打开的链接，才可以访sessionStorage的数据，使用window.open打开页面和改变localtion.href方式都可以获 取到sessionStorage内部的数据;