码迷,mamicode.com
首页 > Web开发 > 详细

学习web存储之localstorage

时间:2016-01-10 17:09:04      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:

简单学习了localStorage,写个随笔心得

        之前只知道客户端向服务器发出请求,用户的信息会暂时存在cookie,而且cookie只适合存较少的数据,html5提供了另外两种数据存储的方式

        1.localStorage--长时间存在本地并且存储信息的容量想当可观大约能存500万字节(各个浏览器不一样),cookie才4K

        2.sessionStroage--关闭浏览器,相应信息就会消除

localStorage调用方法:

localStorage.setItem(key,value);//设置键对值,等同于localStorage.key=value;

localStorage.getItem(key);//根据关键值获取对应值,等同于localStorage.key;

localStroage.removeItem(key);//移除键对值

 

localStorage和sessionStorage的区别:

sessionStroage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;当你关闭当前所有窗口再次调用sessionStroage,之前的数据已经清除,所有是一次完全新的数据,而localStorage则是调用本地存储的值,如果第一次生成数据或之前人为清除,则重新记录,否则会仍然调用之前的数据 

简单例子:

<!DOCTYPE HTML>

<html><head></head>

<body>

localStorage.setItem("aa","张飞");//等同于localStorage.aa="张飞";
var who=localStorage.getItem("aa");//等同于var who=localStorage.aa;

alert(who);//或者当前输出document.write(who);

</body>

</html>

弹出或显示出“张飞”,注释掉localStorage或关掉当前所有界面,直接获取依然显示“张飞”,说明之前用localStroage存储并未消除同样可验证sessionStorage

 

 

学习web存储之localstorage

标签:

原文地址:http://www.cnblogs.com/wenyizhainan/p/5118675.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!