前端学习之本地储存与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

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

if(name==arr2[0]){

return arr2[1];

}

}

return false;

}

删除cookie：

function removecookie(name){

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

}