位置: 编程技术 - 正文

HTML5 WebStorage(HTML5本地存储技术)

编辑:rootadmin

WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IE User Data、Flash Cookie、Google Gears等看名字就不靠谱的解决方案,浏览器兼容的本地存储方案只有使用cookie。有同学可能会问,既然有了cookie本地存储,为什么还要引入WebStorage的概念?

Cookie肿么了

cookie的缺陷是非常明显的

1. 数据大小:作为存储容器,cookie的大小限制在4KB左右这是非常坑爹的,尤其对于现在复杂的业务逻辑需求,4KB的容量除了存储一些配置字段还简单单值信息,对于绝大部分开发者来说真的不知指望什么了。2. 安全性问题:由于在HTTP请求中的cookie是明文传递的(HTTPS不是),带来的安全性问题还是很大的。3. 网络负担:我们知道cookie会被附加在每个HTTP请求中,在HttpRequest 和HttpResponse的header中都是要被传输的,所以无形中增加了一些不必要的流量损失。

WebStorage

WebStorage是HTML新增的本地存储解决方案之一,但并不是为了取代cookie而制定的标准,cookie作为HTTP协议的一部分用来处理客户端和服务器通信是不可或缺的,session正是依赖于实现的客户端状态保持。WebStorage的意图在于解决本来不应该cookie做,却不得不用cookie的本地存储。WebStorage提供两种类型的API:localStorage和sessionStorage,两者的区别看名字就有大概了解,localStorage在本地永久性存储数据,除非显式将其删除或清空,sessionStorage存储的数据只在会话期间有效,关闭浏览器则自动删除。两个对象都有共同的API。

1、length:唯一的属性,只读,用来获取storage内的键值对数量。2、key:根据index获取storage的键名3、getItem:根据key获取storage内的对应value4、setItem:为storage内添加键值对5、removeItem:根据键名,删除键值对6、clear:清空storage对象

WebStorage如何使用在实现了WebStorage的浏览器中,页面有两个全局的对象localStorage和sessionStorage以localStorage为例,看一段简单的操作代码

事件同时HTML5规定了一个storage事件,在WebStorage发生变化的时候触发,可以用此监视不同页面对storage的修改1、key:键值对的键2、oldValue:修改之前的value3、newValue:修改之后的value4、url:触发改动的页面url5、StorageArea:发生改变的Storage

在index.php中定义

test.php

在index.php页面点击链接访问test.php时可以看到index.php的控制台输出log:userName is changed form Byron to Casper by 从容量上讲WebStorage一般浏览器提供5M的存储空间,用来存储视频、图片神马的不够,但对于绝大部分操作足矣2.安全性上WebStorage并不作为HTTP header发送的浏览器,所以相对安全3.从流量上讲,因为WebStorage不传送到服务器,所以不必要的流量可以节省,这样对于高频次访问或者针对手机移动设备的网页还是很不错的。这并不意味着WebStorage可以取代cookie,而是有了WebStorage后cookie能只做它应该做的事情了——作为客户端与服务器交互的通道,保持客户端状态。所以仅仅作为本地存储解决方案WebStorage是优于cookie的。

需要注意的地方1.浏览器兼容性,这个几乎是所有HTML5新特性中最容易实施的了,因为IE8+的浏览器都支持,在IE7、IE6中可以使用IE User Data实现。 2. 由于localStorage和sessionStorage都是对象,所以我饿每年也可以通过”.key”或”[key]”的方式获取、修改键值对,但不推荐这么做 。3.虽然localStorage存储在本地,但不同的浏览器存储存储数据是独立的,所以在Chrome上存储的localStorage在FireFox上是获取不到的。4. localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理,低版本IE可以使用json2.js5.除了控制台,Chrome还为本地存储提供了非常直观的显示方式,调试的时候很方便

推荐整理分享HTML5 WebStorage(HTML5本地存储技术),希望有所帮助,仅作参考,欢迎阅读内容。

HTML5 WebStorage(HTML5本地存储技术)

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

html的基本使用(HTML标签解释) 一、链接在HTML中超文本的链接非常重要,基本格式如下:AHREF="资源地址"链接文字/A1、本地链接①绝对路劲:AHREF="C:imagesarticle.jpg"绝对路劲链接到本

css实现气泡框效果(实例加图解) 前提:气泡框或者提示框是网页很常见的,实现它的方式有很多,我们以前最常用的就是切图片然后通过"定位"方式定位到相应的位置,但是用这种方式

纯CSS绘制三角形(各种角度) 我们的网页因为CSS而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随

标签: HTML5 WebStorage(HTML5本地存储技术)

本文链接地址:https://www.jiuchutong.com/biancheng/372080.html 转载请保留说明!

上一篇:浅谈href=#与href=javascript:void(0)的区别(html中href,src区别)

下一篇:html的基本使用(HTML标签解释)(html用法)

  • 个人所得税信息采集怎么弄
  • 什么公司需要缴纳印花税
  • 租厂房土地使用税
  • 增值税附加税包括哪些税种及税率
  • 代垫水电费增值税
  • 未签购销合同需不需要印花税
  • 实收资本如何网上转账
  • 应付职工薪酬代扣款项账务处理
  • 企业所得税纳税调增调减怎么确定
  • 增值税免退税计算方法
  • 增值税包括哪些税种
  • 电子承兑汇票如何拆小
  • 结转以前的其他业务成本如何做会计分录呢?
  • 劳务派遣公司工作内容描述
  • 多缴纳的税款不退税怎么入账
  • 发给职工的福利要交个税吗
  • 取得拍卖的固定资产
  • 房产税税率及计算方法最新
  • 印花税的缴纳方式包括
  • win10专业版如何改为家庭版
  • 进项票怎么做
  • 怎么用苹果6splus
  • 其他货币资金包括哪些项目
  • 股票属于以下哪一类金融工具
  • 商标申报费用会退回来吗
  • mac option开机
  • 公司微信转账要上税么
  • php数组函数,选班长
  • csinsm32.exe是安全的进程吗 csinsm32进程有哪些用处
  • 赔偿款财务如何做账
  • 无效借款合同自被确认为无效之日起无效
  • 收到提供劳务的收入
  • 程序员神器
  • CNN卷积神经网络/手写数字识别[VHDL][MATLAB]带源码
  • 【历史上的今天】4 月 7 日:IBM System/360 问世;以太网的发明者诞生;第一个 RFC 文档发布
  • 车票如何抵扣增值税税率
  • 收不回的应收账款分录
  • rabbitmq中文手册
  • opengl开发图形界面
  • Testing Applications with WebTest¶
  • 进账加计抵减政策
  • 发票行业税目怎么选
  • 酒店成本控制有哪些
  • 工资发放用现金
  • 银行承兑汇票到期日后多久可以承兑
  • 增值税一般纳税人登记表在哪里找
  • 减免的应付账款如果入账
  • 应交税费减免税款怎么结转
  • 原材料属于固定资本还是流动资本
  • 低值易耗品一次性摊销会计科目
  • 工会经费购买的固定资产处置
  • 自制产品无偿赠送合法吗
  • 工程项目必须购买保险吗
  • 个体注销名下的车辆需要过户吗
  • 微信收款怎样记账
  • 445端口 关闭
  • 黑苹果驱动说明
  • 如何调整bios
  • smsvchost.exe是什么文件 电脑中Svchost.exe病毒解决办法
  • 如何用u盘安装win8操作系统
  • apache2.4.46配置
  • gacrunner.exe是什么
  • mac应用程序安装失败
  • 使用jquery实现的项目
  • 队列remove
  • 文件夹右键菜单管理
  • python erf
  • unity dem
  • easyui导出excel表格
  • shell函数参数
  • unauthorizedAccessException
  • 安卓自定义状态栏图标
  • python装饰器与递归算法详解
  • 安卓开发界面ui设计器
  • android editText inputType 各个字段的含义
  • 柜台申报税务流程图
  • 企业所得税计算器在线计算
  • 北京市社会团体
  • 什么叫售后回租赁合同
  • 买车没有按时交车怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设