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