标签:
简单学习了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
标签:
原文地址:http://www.cnblogs.com/wenyizhainan/p/5118675.html