cookie、sessionStorage、localStorage

1. Cookies

  1. 存储到浏览器中 面向服务器 同一个服务器可以共享Cookies 产生于服务器端

    1. 实例方法:

      1. set()
      2. get()
      3. remove()

2. webStorage

  1. sessionStorage 会话存储 存储于选项卡中 浏览器关闭,会话失效 --推荐使用

    1. 实例方法:

      1. setItem(key,value); 保存数据到sessionStorage
      2. getItem(key); 从sessionStorage获取数据
      3. removeItem(key); 从sessionStorage删除保存的数据
      4. clear(); 从sessionStorage删除所有保存的数据
  2. localStorage 本地存储 存储于本地磁盘中,需要手动清除,浏览器选项卡关闭不会失效
    1. 实例方法:

      1. setItem()
      2. getItem()
      3. removeItem()
      4. clear()

三者区别

cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
cookie数据始终在同源的http请求中携带(即使不需要),且会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。

存储大小:
cookie数据大小不能超过4k。
sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

有期时间:
localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
sessionStorage 数据在当前浏览器窗口关闭后自动删除。
cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭

web存储三种方式:cookie、sessionStorage、localStorage相关推荐

  1. 本地存储三种方式cookie、localStorage、sessionStorage的详细介绍

    前言 网页刷新的时候数据会被清空,这时候就需要用到存储技术.前端本地存储的方式有三种,分别是cookie.localStorage.sessionStorage.在前端面试过程中,经常会被问及这些存储 ...

  2. 在Linux安装配置Tomcat 并部署web应用 ( 三种方式 )

    系统版本:centos6.5版本 java版本:1.7 一.准备工作 1.java -version 检查是否有java环境,没有则需要去安装并配置到环境变量中. 2.下载tomcat包,下载地址:h ...

  3. 本地缓存的三种方式:sessionStorage、localStorage、Cookie

    1.sessionStorage:临时的会话存储 只要当前的会话窗口未关闭,存储的信息就不会丢失,即便刷新了页面,或者在编辑器中更改了代码,存储的会话信息也不会丢失. 2.localStorage:永 ...

  4. web存储详解(cookie、sessionStorage、localStorage、indexedDB)

    目录 一.web存储概念简介 1. 什么是web存储? 2. 为什么需要web存储? 二.web存储详解 1. cookie 2. sessionStorage和localStorage (1). 相 ...

  5. 日常生活中怎样利用计算机的,数据存储与管理在日常生活中的三种方式

    数据存储与管理在使用的时候还是有很多的技术性要求需要我们不断的学习和实践.下面是在长时间的市场积累中总结出来的一些关于数据存储与管理的技巧. 过去20年里,计算领域发生了很大的变化,无论如何变化,计算 ...

  6. .net session 有效时间_Python中requests模拟登录的三种方式(携带cookie/session进行请求网站)...

    这篇文章主要介绍了python中requests模拟登录的三种方式(携带cookie/session进行请求网站),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋 ...

  7. 大数据WEB阶段 (十)Response、ServletConfig、ServletContext、资源跳转三种方式

    Response.ServletConfig.ServletContext.资源跳转三种方式 - (一)Response 一.Response概述 在doGet和doPost方法的参数中,HttpSe ...

  8. 三种方式实现web站点安全

    因为apache底层走的是tcp协议,而tcp协议是明文的,当你访问一些购物网站或银行网站办理业务时就非常不安全,因为是明文传递,容易被人抓包.为了实现apache站点安全,一般采用身份验证.来源控制 ...

  9. CI框架的三种设置cookie的方式

    [php] view plaincopyprint? //第一种设置cookie的方式:采用php原生态的方法设置的cookie的值 setcookie("user_id",$us ...

最新文章

  1. python接入微信公众号_Python学习之微信公众号接入 一 验证
  2. shell脚本一键安装nginx
  3. 工业以太网交换机可以家用吗?
  4. 得到当前python解释器的路径
  5. MegaWizard Plug-in Manager产生的目录结构及关键文件
  6. NER中的词汇增强方法(LatticeLSTM、CGN、FLAT、Simple-Lexicon)
  7. 移动APP测试用例一览表(常规用例)
  8. 学生作业管理系统java源码_基于jsp的学生作业管理-JavaEE实现学生作业管理 - java项目源码...
  9. 【CMake】CMakeList编写整理
  10. hera(赫拉)任务调度系统--为数据平台打造的任务调度系统
  11. 对新手严重不友好的强者——Nginx那些俯拾皆是的坑
  12. 关于存储单元、寻址范围的问题
  13. 微信小程序实现:输入手机号点击按钮查询手机号归属地
  14. php 算生存曲线,生存分析之生存曲线绘制
  15. 数字 和 大小写字母之间的转换 10进制和26进制之间的转换
  16. 常用运行代码记录(控制面板,命令行等)
  17. 程序员学炒股(5) 股指交割日效应是否存在?
  18. 线性代数——方阵的行列式、伴随矩阵、逆矩阵
  19. 日语会话1.15 簡単な自己紹介をさせていただきます
  20. 原来编码就是这么简单

热门文章

  1. 不管你们信不信,反正我信了
  2. 工业级无线路由器串口通讯配置
  3. Google正在推广HTTPS
  4. PowerPoint的母版利用技巧
  5. 存储即是土地 “享存”让闲置硬盘空间轻松变现
  6. JavaScript翻转数组
  7. 3.1 矩阵连乘问题
  8. 使用CSS3中的column-rules属性实现仿报纸新闻排版
  9. persevere的用法_词汇精选:persist的用法和辨析 - 英语讨论网
  10. android 微信广播,目录 | 微信开放文档