zoukankan      html  css  js  c++  java
  • web本地存储 sessionStorage 和 localStorage

    1、sessionStorage  临时存储

    为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载。

    2、localStorage 长期存储

    与sessionStorage一样,但在浏览器关闭之后,数据依然会一直存在

    保存数据到本地

    var userInfo={
          name:"张三",
          age:24,
          likes:"song"
    }
    sessionStorage.setItem("key",JSON.stringify(userInfo));
    localStorage.setItem("key",JSON.stringify(userInfo)); 

    从本地存储获取数据

    var data1=JSON.parse(sessionSrorage.getItem("key"));
    var data2=JSON.parse(localStorage.getItem("key"));

    本地存储中删除某个保存的数据

    sessionSrorage.removeItem("key");
    localStorage.removeItem("key");

    删除所有保存的数据

    sessionSrorage.clear();
    localStorage.clear();

    监听本地存储的变化

    Storage 发生变化(增加、更新、删除)时的 触发,同一个页面发生的改变不会触发,只会监听同一域名下其他页面改变 Storage

    window.addEventListener('storage', function (e) {
            console.log('key', e.key);
            console.log('oldValue', e.oldValue);
            console.log('newValue', e.newValue);
            console.log('url', e.url);
    })
  • 相关阅读:
    第三方组件之SinGooCMS.Plugins
    .net 工具集之SinGooCMS.Utility
    轻量级ORM之SinGooCMS.ADO
    Mustache 使用说明
    npm install -g 错误集锦
    获取Rtx用户状态方法
    sudo 运行 npm或node时,出现找不到命令
    install build essential
    安装hadoop 2.2.0
    异步更新界面方法
  • 原文地址:https://www.cnblogs.com/xlj-code/p/8624274.html
Copyright © 2011-2022 走看看