cookie和webstorage用法实例

function setCookie(cname,cvalue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}
function checkCookie(){
    var user=getCookie("username");//获取cookie值
    if (user!=""){
        alert("欢迎 " + user + " 再次访问");
    }
    else {
        user = prompt("请输入你的名字:","");
        if (user!="" && user!=null){
            setCookie("username",user,30);//设置cookie值
        }
    }
}

 (1)sessionStorage：会话级存储，可以在一个网站打开的多个页面之间传递数据；把数据保存在客户端浏览器内存中，只能在当前浏览器窗口中使用！窗口关闭或新建窗口都无法使用其它窗口中的sessionStorage数据
    window.sessionStorage.setItem(key, value); //保存条目
    var value = window.sessionStorage.getItem(key); //读取条目
    window.sessionStorage.removeItem(key); //删除条目
    window.sessionStorage.clear( );    //清空所有条目
演示：登录后的用户名可以在其它页面中显示。

  (2)localStorage：本地/跨会话级存储，可以在一个网站打开的多个页面之间传递数据；把数据保存在客户端磁盘中，是永久存储，可以同一个网站的任意一个页面所使用！窗口关闭或新建窗口都可以继续使用其它窗口中的localStorage数据。
    window.localStorage.setItem(key, value); //保存条目
    var value = window. localStorage.getItem(key); //读取条目
    window. localStorage.removeItem(key); //删除条目
    window. localStorage.clear( );    //清空所有条目