zoukankan      html  css  js  c++  java
  • localStorage, sessionStorage的用法

    只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;其存储的数据能在跨浏览器会话保留。
    localStorage 类似 sessionStorage,但其区别在于:
    存储在 localStorage 的数据可以长期保留;
    而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除 。
    但它们都特定于页面的协议

    localStorage与sessionStorage用法相似

    (localStorage的使用也是遵循同源策略的,所以不同的网站直接是不能共用相同的localStorage)
    localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

    localStorage.setItem('myCat', 'Tom');`
    let cat = localStorage.getItem('myCat');//该语法用于读取 localStorage 项
    localStorage.removeItem('myCat');//用于移除 localStorage 项
    localStorage.clear();//用于移除所有的 localStorage 项
    

    一般我们会将JSON存入localStorage中,但是在localStorage会自动将localStorage转换成为字符串形式
    这个时候我们可以使用JSON.stringify()这个方法,来将JSON转换成为JSON字符串

    var storage=window.localStorage;
    var data={
              name:'dd',
              sex:'man',
              hobby:'program'
    };
    var d=JSON.stringify(data);
    storage.setItem("data",d);
    //将JSON字符串转换成为JSON对象输出
     var json=storage.getItem("data");
    var jsonObj=JSON.parse(json);
    console.log(typeof jsonObj);
    

    参考:https://www.cnblogs.com/st-leslie/p/5617130.html

  • 相关阅读:
    (转)spring学习之@ModelAttribute运用详解
    (转)Spring3MVC 在JSP中使用@ModelAttribute
    (转)如何在maven的pom.xml中添加本地jar包
    (转)linux中项目部署和日志查看
    (转)Schema
    (转)xml
    (转)Dom4J解析
    判断一个请求是否为Ajax请求
    spring mvc中拦截器配置mvc:interceptors
    Freemarker自定义方法
  • 原文地址:https://www.cnblogs.com/cherishnow/p/11195461.html
Copyright © 2011-2022 走看看