存储
cookie 用于保存服务器发送回来的用户信息、浏览信息等。一个cookie文件只有4kb,即能装下4000个英文字或者2000个中文字。能与服务器交互。
HTML5提供了两种本地存储方式:localStorage和sessionStorage,此为两个对象,可以看做JSON对象,存储大小无限制,但一般是在本地存储,存在浏览器中。
localStorage和sessionStorage
两者区别在于存储时间的区别,localStorage永久存储,直到卸载浏览器或手动清空;sessionStorage存储时间为会话时间,即浏览器打开直到浏览器关闭。
localStorage用法
localStorage的机制将对象转换为字符串进行了存储,则需要用到JSON方法,存储时用JSON.stringify(),对象转字符串;取值时JSON.parse()字符串转对象。
var user={username:"def",psw:"1111"}; //存储
localStorage.user=JSON.stringify(user);
var user=JSON.parse(localStorage.user); //获取
console.log(user); //Object {username: "def", psw: "1111"}
console.log(user.username); //def
console.log(typeof (user)); //object
若不使用JSON方法,则会出现以下情况:
localStorage.user={username:"abc",pwd:"123"}; //存储
var user=localStorage.user; //获取
console.log(user); //[object Object]
console.log(user.username); //undefined
console.log(typeof (user)); //string