web前端使用localstorage、sessionstorage、cookie增删获方法

今天主要的学习内容是cookie与本地储存的知识，

在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者用法完全相同，这里以localStorage为例。

if(window.localStorage){
 alert('This browser supports localStorage');
}else{
 alert('This browser does NOT support localStorage');
}

而读取、写、删除操作方法有很多方法，也很简单，但长用getItem()和setItem()，清除键值对使用removeItem()。如果希望一次性清除所有的键值对，可以使用clear()。

localStorage.setItem("user","abcd");
localStorage.setItem("user1","abcd1");
localStorage.removeItem("user");

在说说cookie。

cookie 是存储于访问者的计算机中的变量，用来存放一些数据。在我们浏览页面时，经常会填写自己的名字等，这些会被存放于cookie中。

学习cookie主要有3个函数，包括创建cookie，获取cookie中的值，删除cookie。

创建cookie：

function setcookie(name,value,iday){

　　var odate=new Date();

　　odate.setDate(odate.getDate()+iday);

　　document.cookie=name+"="+value+";expires="+odate;

}

获取cookie：

function setcookie(name){

　　var cookies=document.cookie;

　　var arr1=cookies.split("; ");

　　for (i=0;i<arr1.length;i++){

　　　　var arr2=arr1[i].split("=")

　　　　if(name==arr2[0]){

　　　　　　return arr2[1];

　　　　}

　　}

　　return false;

}

删除cookie：

function removecookie(name){

　　setcookie(name,"","-1")  //通过建立cookie的时间设置，将时间设置为提前一天；

}