zoukankan      html  css  js  c++  java
  • 使用localStorage,sessionStorage,cookie等存储

    Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

    特点:

    localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

    sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据(数据就没了)。

    Cookie 用于存储 web 页面的用户信息。其作用就是用于解决 "如何记录客户端的用户信息"

    // 保存数据语法
    localStorage.setItem("key", "value");
    // 读取数据语法
    var lastname = localStorage.getItem("key");
    // 删除数据语法
    localStorage.removeItem("key");
    // 保存数据语法
    sessionStorage.setItem("key", "value");
    // 读取数据语法
    var lastname = sessionStorage.getItem("key");
    // 删除数据语法
    sessionStorage.removeItem("key");
    //删除所有数据
    sessionStorage.clear();
    //创建Cookie
    document.cookie="username=John Doe";
    //还可以为 cookie 添加一个过期时间(以 UTC 或 GMT 时间)。默认情况下,cookie 在浏览器关闭时删除:
    document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";
    
    //读取 Cookie
    var x = document.cookie;
    
    //修改 Cookie
    document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT";
    
    //删除 Cookie
    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
  • 相关阅读:
    c语言数组指针
    (4)activiti工作流引擎之uel表达式
    (3)activiti流程的挂起和激活
    (2)java程序走一遍工作流activiti
    (1)activiti认识以及数据库和插件配置
    linux 下路由配置
    lvs-dr+keepalived
    LVS-DR 配置测试
    简单认识TCP/IP协议
    mysql 主从同步-读写分离
  • 原文地址:https://www.cnblogs.com/minjh/p/9479810.html
Copyright © 2011-2022 走看看