localstorage，sessionstorage，和cookie三种存储方式的用法和区别

Cookie存储方式
Cookie可能是最常见也是用得最多的技术了，也是比较古老的技术了。COOKIE优点很多，使用起来很方便
但它的缺点也很多：
比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等。
原理：
由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的工作原理。

Cookie实际上是一小段的文本信息。客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。

HTTP协议不仅是无状态的，而且是不安全的。使用HTTP协议的数据不经过任何加密就直接在网络上传播，有被截获的可能。使用HTTP协议传输很机密的内容是一种隐患。如果不希望Cookie在HTTP等非安全协议中传输，可以设置Cookie的secure属性为true。浏览器只会在HTTPS和SSL等安全协议中传输此类Cookie。下面的代码设置secure属性为true：

Cookie cookie = new Cookie(“time”, “20080808”); // 新建Cookie

cookie.setSecure(true); // 设置安全属性

response.addCookie(cookie); // 输出到客户端

注意 ：secure属性并不能对Cookie内容加密，因而不能保证绝对的安全性。如果需要高安全性，需要在程序中对Cookie内容加密、解密，以防泄密。

应用：

1 document.cookie = name + '=' + escape(value);  //设置cookie  
 2 //设置过期时间   
 3 function setCookie(name,value)
 4 {
   
 5     var Days = 30;
 6     var exp = new Date();
 7     exp.setTime(exp.getTime() + Days*24*60*60*1000);
 8     document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
 9 } 
10 //读取cookie  
11 function getCookie(name)
12 {
   
13     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正则匹配
14     if(arr=document.cookie.match(reg)){
     //使用match匹配，arr[0] 为匹配成功的字符串，比如" test1=2222"，之后为（）中逐个匹配到的值