删除sessionstorage_localStorage 和 sessionStorage 介绍

23020060072c90313586d612d48f3a04.png

一、 简述

sessionStorage 和 sessionStorage 是 HTML5 新增的两个特性,这两个特性主要是用来作为会话存储和本地存储来使用的,解决了 cookie 存储空间不足的问题;

sessionStorage 属性允许你访问一个 session Storage 对象,用于存储当前会话的数据,存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。

localStorage 属性允许你访问一个 Document 源(origin)的对象 Storage 用于存储当前源的数据,除非用户人为清除(调用 localStorage api 或则清除浏览器数据), 否则存储在 localStorage 的数据将被长期保留。

二、 相同点

  1. 存储大小一般均为5M左右
  2. 都有同源策略限制,跨域无法访问
  3. 数据仅在客户端中保进行存储,并不参与和服务器的通信(不会随着 http 请求发送到服务器)
  4. 以 key 和 value 的形式进行存储数据, value 值必须为字符串,不为字符串会自动转型( value 如果是对象则需要转为 json 进行存储)

三、 不同点

3.1 生命周期

  • localStorage 存储的数据是永久性的,除非用户人为删除否则会一直存在(调用 localStorage api 或则清除浏览器数据)。
  • sessionStorage 存储的数据在当前会话结束时会被清除,一旦窗口或者标签页被关闭,那么所有通过 sessionStorage 存储的数据也会被删除。

3.2 作用域

  • localStorage: 在同一个浏览器内,同源文档之间共享 localStorage 数据,可以互相读取、覆盖、清除(同浏览器限制、同源限制)
  • sessionStorage: 与 localStorage 一样需要同一浏览器同源文档这一条件。除此之外 sessionStorage 的作用域还被限定在了窗口中,也就是说,只有同一浏览器、同一窗口的同源文档才能共享数据(同浏览器限制、同源限制、同标签页限制)

四、 操作

sessionStorage localStorage 在操作上没什么区别,下面以 sessionStorage 为例:

4.1 新增、修改

  • 通过 setItem 添加、修改数据
sessionStorage.setItem('name', 'qianyin');sessionStorage.setItem('name', 'linheng');sessionStorage.setItem('user1', {name: 'qianyin'});sessionStorage.setItem('user2', JSON.stringify({name: 'qianyin'}));复制代码
  • 通过对象的形式添加、修改数据
sessionStorage.name = 'qianyin';sessionStorage.name = 'linheng';sessionStorage.user1 = {name: 'qianyin'};sessionStorage.user2 = JSON.stringify({name: 'qianyin'})复制代码
  • 通过浏览器(chrome)控制台查看数据:
59a93cb3c132695faeae86379cdd9294.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/411104.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

游标的使用方法

游标的使用方法 select * from aselect * from b declare Mycursor CURSORfor select * from b open Mycursor declare stuID nchar(10)declare math smallint fetch next from Mycursorinto stuID,math while(FETCH_STATUS 0)begin update a set math math where stuID stu…

查看zookeeper版本

命令 echo stat|nc localhost 2181 zookeeperkafka-zookeeper-0:/$ echo stat|nc localhost 2181 Zookeeper version: 3.4.10-39d3a4f269333c922ed3db283be479f9deacaa0f, built on 03/23/2017 10:13 GMTClients: /127.0.0.1:54002[0](queued0,recved1,sent0) /10.244.5.242:55…

redis springmvc mysql_redis和mysql怎么一起在springmvc里面

展开全部一、mysql集成到springMVC中的方法:1、在SRC目录下创建一个32313133353236313431303231363533e4b893e5b19e31333361323538db-config.properties文件来存放我们的数据源配置信息:db.url jdbc:mysql:///springmvcdb?useUnicodetrue&character…

[jQuery] 针对jQuery的优化方法有哪些?

[jQuery] 针对jQuery的优化方法有哪些? 1.使用选择器尽量选用id选择器和元素选择器:因为遇到这些选择器的时候,jquery会自动调用浏览器的原生方法比如(document.getElementById()),所以他们的执行速度快.根据图中可以看出ID选择器执行速度最快,其次是元素选择器,然后…

二代CMS旅游网站程序国际版开发中(支持英文、法文等),支持拓展语言包

二代CMS旅游网站程序国际版开发中(支持英文、法文、德文等),支持拓展语言包,理论上可以拓展成任何一种语言,前端和后端都支持在线语言切换,前端还支持支付货币的币种切换,敬请期待!转…

mysql安装了libaio还是报错_ubuntu安装mysql遇到的坑----解决Mysql报错缺少libaio.so.1

rootmaster:/usr/local/mysql# /usr/local/mysql/bin/mysqld --initialize --usermysql --datadir/usr/local/mysql/data --basedir/usr/local/mysql弹出一个错:/usr/local/mysql/bin/mysqld: error while loading shared libraries: libaio.so.1: cannot open shared object f…

Notepad++连接VMWare中Linux只能看到/root目录

如下图,使用SFTP协议连接,用root用户登录后,我一开始只能看到root下的文件。稍作修改,把下面的“Initial remote directory”设置成“/”就可以看到根目录了。 转载于:https://www.cnblogs.com/bigbigbigo/p/11054876.html

AEF横空出世——几个重要的概念

WCF Data Services.Net4.0后,ADO.NET Data Services改名为WCF数据服务(WCF Data Services)。ADO.NET 数据服务框架是一种设计规范,其中包括用于在 Web 或 Intranet 上部署数据服务的客户端库和服务器库。数据通过可由 URI 寻址的具…

mysql inode_Linux中inode的大小、作用讲述

linux中的inode理解inodeinode是文件存储,文件存储在营盘山,最小的存储单位叫扇区。每个扇区的存储512字节。操作系统读取硬盘的时候,不会一个一个扇区的读取,这样效率太低。而是一次性读取多个扇区,一次性读取一个块。…

创建没有Document的MFC MDI应用程序

程序源代码 效果,如图:1)创建一个MFC MDI应用程序,Wizard设置如图,然后点Finish2)CMyTreeView 在CMyTreeView中新增三个函数,显示些示例数据virtual BOOL PreCreateWindow(CREATESTRUCT& cs);//本例没有使用该函…

《MySQL必知必会》笔记--数据库基础

数据库:  数据库(database) 保存有组织的数据的容器(通常是一个文 件或一组文件)。 表: 表(table) 某种特定类型数据的结构化清单。 模式: 模式(schema&…

[软技能] 请说说使用iconfont图标的优点和缺点

[软技能] 请说说使用iconfont图标的优点和缺点 优点:减少请求次数,将多个 icon 合并到一个字体文件中,从而提高网页性能; 自由的变化大小和颜色,因为字体是可以通过样式来设置大小和颜色的; 矢量图不失真&…

glassfish mysql 配置文件_最新glassfish配置mysql

在百度搜了一个下午,都没有搞定glassfish配置mysql,特别是百度文库中的GlassFish中MySQL连接池配置这篇文章,我不知道它是不是过时了,配一个jdbcConnPool就要写一个mysql.xml,那我要再配一个,岂不是再写一个mysql2.xml…

jQuery选择器的演示

jQuery选择器对于web developer来说可能是再熟悉不过的了,但是我相信还是有很多大家不熟悉的,下面的链接会给你很多帮助http://www.liehuo.net/a/200912/0911381.html PS 前几天发现选择器的兼容性貌似并没有想像的那么好,比如要选出id为aaa的…

Apollo 无人驾驶平台中多传感器标定

传感器标定是无人车最基础也是最核心的模块之一。作为软件层提供的第一项服务,标定质量和准确度极大地影响着感知、定位地图、PNC 等模块。在 Apollo 开源自动驾驶平台中,我们提供了丰富的多传感器标定服务,如激光雷达、惯导、摄像头、多普勒…

mysql数据库的数据类型转换_MySQL 和Server 2000 数据库中数据类型的转换

问题阐述在某些特殊的时候,可能要将MySQL 数据库转换为SQL Server 2000 数据库,这时问题也就随之而来。例如,在MySQL 数据库中,创建的字段使用varchar 类型,该类型的数据可以进行聚合运算,其返回的值是stri…

[软技能] png-8和png-24有什么区别?

[软技能] 第682天 png-8和png-24有什么区别? 1、“PNG8”是bai指8位索引色位图du,“PNG24”是24位索引色位图;2、png8:每一张“png8”图像,都最多只能展示256种颜色,所以“png8”格式更适合那些颜色比较单一…

Window7

IE8开发人员工具 在运行栏中输入“Winver”即可查看版本 Windows7 PowerShell UNIX系统一直有着功能强大的壳程序(shell),Windows PowerShell的诞生就是要提供功能相当于UNIX系统BASH的命令列壳程序,同时也内建脚本语言以及辅助…

[软技能] 你认为计算专业和非计算机专业的差别在哪?为什么?

[软技能] 你认为计算专业和非计算机专业的差别在哪?为什么? 非计科,说一下自我所了解到的 在我们学校计科专业不算很强,他们的专业课就是四大套,我们专业会学习其中的数据结构与算法,大学时期的课程我个人…

python 动态规划 数塔_数塔问题,简单的动态规划算法

/*数塔问题:912 1510 6 82 18 9 519 7 10 4 16有形如图所示的数塔,从顶部出发,在每一结点可以选择向左走或是向右走,一直走到底层,要求找出一条路径,使路径上的值最大。这道题如果用枚举法,在数…