浏览器端数据存储

1. cookie存储:

对cookie的存储,查找,删除操作方法如下:

/**********************************cookie操作********************************************/

function setCookie(name,value) {
    document.cookie=name+"="+escape(value);
}

function getCookie(name) {
    var arr,reg=new RegExp("(^|)"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg))
        return unescape(arr[2]);
    else
        return null;
}

function delCookie(name) {
    var exp=new Date();
    exp.setTime(exp.getTime()-1);
    var cval=getCookie(name);
    if(cval!=null){
        document.cookie=name+"="+cval+";expires="+exp.toGMTString();
    }
}

/***************************删除所有cookie*********************************************************/
function clearCookie(){
var keys=document.cookie.match(/[^ =;]+(?==)/g);
if (keys) {
for (var i = keys.length; i--;)
document.cookie=keys[i]+"=0;expires=" + new Date( 0).toUTCString()+";path=/";
}
}
 

使用:

  //存储名为select_funcode的cookie
   setCookie("select_funcode",select_funcode);
    //使用名为select_funcode的cookie
    var g=getCookie("select_funcode");

缺点:访问cookie时,与创建cookie文件不在同一目录下的文件不能访问到。

2. html5的web存储  localStorage

localStorage在任何页面都能访问到,存取删除方式也已经进行过包装:

 localStorage.setItem("A",A);
 localStorage.getItem("A");

清除所有的localStorage:

 localStorage.clear();

清除指定localStorage:

localStorage.removeItem("A");
原文地址:https://www.cnblogs.com/miaoying/p/6625613.html