js 本地存储 对象存储

使用getItem()和setItem()来取数据和存数据

localStorage.setItem("data","item");//设置data为"item"
localStorage.getItem("data");//获取data的值

 

HTML5还提供了一个key()方法，可以在不知道有哪些键值的时候使用

var storage = window.localStorage;
function showStorage(){
 for(var i=0;i<storage.length;i++){
  //key(i)获得相应的键，再用getItem()方法获得对应的值
  document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
 }
}

 js将对象进行本地存储

本地存储只能存储字符串，取出的数据为objct objct。我们可以用以下的方法

存储的时候用JSON.stringify把对象转成JSON字符串。 

读取的时候用JSON.parse将JSON字符串转成对象

 students = JSON.stringify(students);//将JSON对象转化成字符串
  localStorage.setItem("students",students);//用localStorage保存转化好的的字符串
上面即可保存JSON对象，接下来我们在要使用的时候再将存储好的students变量取回
var students = localStorage.getItem("students");//取回students变量
 students = JSON.parse(students);//把字符串转换成JSON对象

 goods_item为对象

 

1 localStorage.setItem("key","value");//存储变量名为key，值为value的变量

2 

3 localStorage.key = "value"//存储变量名为key，值为value的变量

4 

5 localStorage.getItem("key");//获取存储的变量key的值

6 

7 localStorage.key;//获取存储的变量key的值

8 

9 localStorage.removeItem("key")//删除变量名为key的存储变量