sessionStorage和localStorage

Posted 小白不白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了sessionStorage和localStorage相关的知识,希望对你有一定的参考价值。

1、sessionStorage主要含几种方法(只有在同一个窗口才有效,随着浏览器关闭值清除):
(1)
  sessionStorage.obj = ‘123‘;
  var str = sessionStorage.obj;
  
(2)
  sessionStorage.setItem(key,value);
  sessionStorage.gettItem(key,value);
  sessionStorage.remove(key);

(localStorage方法和sessionStorage方法相同,可以在不同窗口取值,永久保存,要手动清除)

2、
  //存放对象、数组
  var obj = { name:‘Tom‘ };
  sessionStorage.obj = obj;
  localStorage.obj = obj;

  var arr = [1,2,3];
  sessionStorage.obj = arr;
  localStorage.obj = arr;
  //读取是不行的,这里应该在存放对象和数组之前,通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中。
  例如:
  var str = JSON.stringify(vim.todos[index]);
  //存入
  sessionStorage.setItem(‘newsObject‘,str);
  //存入记录当前页面,以便从详情页面返回时使用
  sessionStorage.setItem(‘currentPage‘,currentPage);
  sessionStorage.setItem(‘currentPage2‘,currentPage2);
  //读取
  var newsObject = sessionStorage.getItem(‘newsObject‘);
  //重新转换为对象
  newsObject = JSON.parse(newsObject);
  alert(newsObject.title);

以上是关于sessionStorage和localStorage的主要内容,如果未能解决你的问题,请参考以下文章

html5的localstorage详解

THML5本地存储 Web Storage

webStorage向浏览器存储数据

sessionStorage和localStorage

$sessionStorage 以及如何在 AngularJs 中查看和使用 $sessionStorage

H5 的 sessionStorage和localStorage