web存储

1.web存储:

         cookie    早期

        本地存储：

                         localStorage         永久存储        除非手动删除  

                         sessionStorage      临时存储      （当存储关闭时，清除，只在当前页面生效）

 

两个存储对象除了存储时间不一样，用法类似，均拥有如下方法：

     setItem(key,value)   设置存储内容

var name='小名';
var pwd='123456';

localStorage.setItem('uname',name);
sessionStoragr.setItem('uname',name);
localStorage.setItem('upwd',pwd);
sessionStoragr.setItem('upwd',pwd);

 

     getItem(key)           获取

console.log(localStorage.getItem('uname'));
console.log(sessionStorage.getItem('uname'));

 

     removeItem(key)     删除指定的存储内容

localStorage.removeItem('uname');

 

     clear()                       清除  全部

sessionStorage.clear();//清空数据
localStorage.clear();

 

      key(index)               通过索引获取key

注意：key和value需为字符类型

2.JOSN对象

               stringify()           将对象转换为字符格式

function Stu(name,age){
    this.name=name;
    this.age=age;
};
var stu=new Stu('jack',12);
var p=JSON.stringify(stu);
console.log(p);

 

                parse()             将字符格式转换为对象类型

var s=JSON.parse(p);
console.log(s)