sessionstorage和localstorage使用方法

sessionstorage ：

1.1 存储数据

1.1.1 采用setItem()方法存储

1	sessionStorage.setItem('testKey','这是一个测试的value值'); // 存入一个值

1.1.2 通过属性方式存储　　

1	sessionStorage['testKey'] = '这是一个测试的value值';

　　

1.2 读取数据

1.2.1 通过getItem()方法取值

1	sessionStorage.getItem('testKey'); // => 返回testKey对应的值

1.2.2 通过属性方式取值

1	sessionStorage['testKey']; // => 这是一个测试的value值

 

1.3 存储Json对象

sessionStorage也可存储Json对象：存储时，通过JSON.stringify()将对象转换为文本格式；读取时，通过JSON.parse()将文本转换回对象。

1 2 3 4 5 6 7 8 9 10 11 12

var userEntity = {     name: 'tom',     age: 22 };   // 存储值：将对象转换为Json字符串 sessionStorage.setItem('user', JSON.stringify(userEntity));   // 取值时：把获取到的Json字符串转换回对象 var userJsonStr = sessionStorage.getItem('user'); userEntity = JSON.parse(userJsonStr); console.log(userEntity.name); // => tom

 

localstorage 一样

 

• localStorage和sessionStorage使用时使用相同的API：

  localStorage.setItem("key","value");//以“key”为名称存储一个值“value”

  localStorage.getItem("key");//获取名称为“key”的值

  枚举localStorage的方法：

  for(var i=0;i<localStorage.length;i++){

       var name = localStorage.key(i)​;

       var value = localStorage.getItem(name);​

  }

  删除localStorage中存储信息的方法：

  localStorage.removeItem("key");//删除名称为“key”的信息。

  localStorage.clear();​//清空localStorage中所有信息

•  通过getItem或直接使用localStorage["key"]获取到的信息均为实际存储的副本。

  例如：

  localStorage.key = {value1:"value1"}​;

  localStorage.key.value1='a'​;

  这里是无法​对实际存储的值产生作用的，下面的写法也不可以：

  ​localStorage.getItem("key").value1="a";