cookie,session,localStorage之间的联系与区别

1、cookie用来存储用户相关数据，存储的位置在用户本地：

php:

setcookie("key","value","time");

读取cookie：$_COOKIE

删除cookie：setcookie让时间过期；

JS:

设置cookie（js中存放位置document.cookie）：
JS中读取出来的cookie是：document.cookie="username=admin; expires='GMT时间'; password=admin";

function setCookie(ckey,cvalue,exdays)

{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = ckey + "=" + cvalue + "; " + expires;

}

读取cookie

//runoob写的内容：

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 "";

}

//从str1中截取defg:

var str1="abcdefg";

str1.length=7;

str1.substring(3,7) == "defg";

//我写的：

funciton getCookieByKey(key){
key = key + "=";
var cookie = document.cookie.split(";");
for(var i=0;i<cookie.length;i++){
var value = cookie[i].trim();//.trim()去空格
if(value.indexOf(key)==0){
var val=value.split("=");
return val[1];
}
}

        return "";

}

删除cookie：将cookie的有效期设置为过期的时间就可以。

2、session:session是用来在服务器端存储用户信息，当浏览器关闭的时候，会自动销毁；

session_start();

超级数组$_SESSION可以实现session的设置与读取；

3、JS端的localStorage:HTML5提供的本地存储方式（可以称为“键值对”数据库）；

设置数据：localStorage.setItem("key","value");

读取数据：localStorage.getItem("key");读取的结果是一个字符串；

删除数据：localStorage.removeItem("key");