HTML5中Web存储方式

2014-11-24 03:17:21 · 作者: · 浏览: 3

HTML5中Web存储方式


浏览器(客户端)访问服务器端的时候,携带的数据,之前这些数据保存在cookie中,但是cookie保存的数据大小有限

html5的web存储分为:

localStorage存储:

<script>
if(window.localStorage){
localStorage.name = 'admin';
localStorage['age'] = '23';
localStorage.setItem('gender','male');
//localStorage.removeItem('name');
//localStorage.clear();;
}else{
alert('no');
}


sessionStorage存储:

<script>
if(window.sessionStorage){
sessionStorage.name = 'admin';
sessionStorage['age'] = '23';
sessionStorage.setItem('gender','male');
}else{
alert('no');
}


他们的区别在于:localStorage 存储在客户端,大小没有限制,时间也没有限制

sessionStorage: 在当前访问的页面,一旦关闭这个页面,下次在访问的时候就会释放变量

唯一的区别就在于,sessionStorage 保存的是当前访问的页面