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);
    })
  • 相关阅读:
    EasyUI 常用图标
    DataGridView滚动条联动
    FTP下载工具
    C# 解析带命名空间的xml
    1.基于3.x版本vue脚手架创建新项目
    js处理异步的几种方式
    JS字符串常用方法
    git(开源的分布式版本控制系统)
    js检查数据类型的方法
    数组的常用方法
  • 原文地址:https://www.cnblogs.com/xlj-code/p/8624274.html
Copyright © 2011-2022 走看看