当前位置:帮我工作网 > 网页作业知识 >

网页设计作业中初识Web Storage

我们在制作网页设计作业时,Web Storage是重要的知识点,下面是初识Web Storage内容

Web Storage是什么
Web Storage功能,顾名思义,就是在Web上存储数据的功能,而这里的存储,是针对客户端本地而言的。它包含两种不同的存储类型:Session Storage和Local Storage。 不管是Session Storage还是Local Storage,它们都能支持在同域下存储5MB数据.
sessionStorage
将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。Session对象可以用来保存在这段时间内所要求保存在任何数据。
localStorage
将数据保存在客户端本地的硬件设备中,即使浏览器被关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可以继续使用.这两种不同的存储类型区别在于,sessionStorage为临时保存,而为永久保存

使用WebStorage中的AP
下面我们讲解如何使用WebStorage的API。目前WebStorage的API有如下这些:
Length:获得当前webstorage中的数目。
key(n):返回webstorage中的第N个存储条目。
getItem(key):返回指定key的存储内容,如果不存在则返回null。注意,返回的类型是String字符串类型。
setItem(key, value):设置指定key的内容的值为value。
removeItem(key):根据指定的key,删除键值为key的内容。
clear:清空webstorate的内容。

数据的存储与获取
在localStorage中设置键值对数据可以应用setItem(),代码如下所示
localStorage.setItem("key", "value);
获取数据可以应用getItem(),代码如下所示;
var val = localStorage.getItem("key");
当然也可以直接使用localStorage的key方法,而不使用setItem和getItem方法,如下;
localStorage.key = "value";
var val = localStorage.key;
HTML5存储是基于键值对(key/value)的形式存储的,每个键值对称为一个项(item)存储和检索数据都是通过指定的键名,键名的类型是字符串类型。值可以是包括字符串、布尔值、整数,或者浮点数在内的任意JavaScript支持的类型。但是,最终数据是以字符串类型存储的。调用结果是将字符串value设置到sessionStorage中,这些数据随后可以通过键key获取。调用setItem()时,如果指定的键名已经存在,那么新传入的数据会覆盖原先的数据。调用getItem()时,如果传入的键名不存在,那么会返回null,而不会抛出异常。

数据的删除和清空
removeItem()用于从Storage列表删除数据代码如下:
var val = sessionStorage.removeItem(key);
也可以通过传入数据项的key从而删除对应的存储数据代码如下
var val = sessionStorage.removeItem(1);
说明:数字1会被转换为string,因为key的类型就是字符串。clear()方法用于清空整个列表的所有数据,代码如下:
sessionStorage.clear();
同时可以通过使用length属性获取Storage中存储的键值对的个数:
var val = sessionStorage.length;
注意:removeItem可以清除给定的key所对应的项,如果key不存在则“什么都不做”;clear会清除所有的项,如果列表本来就是空的就“什么都不做”

JSON对象的存数实例——用户信息卡
JSON是一种将对象与字符串可以相互表示的数据转换标准。JSON一直是通过HTTP将对象从浏览器传送到服务器一种常用格式。现在,可以通过序列化复杂对象将JSON数据保存在Storage中,以实现复杂数据类型的持久化。

上一篇:网页设计作业中画布绘制实现动画

下一篇:网页设计作业中应用本地数据库

学生网页设计作业成品怎么发送呢
. 邮箱传送
. Q Q 传送
. 旺旺传送
学生网页设计作业成品有什么保障呢
. 官方优质模板
. 描述100%一致
. 诚信服务
. 安全交易
. 售后保障
学生网页设计作业成品有什么服务呢
. 协助修改页面信息
. 多渠道沟通
. 1:1售后指导
学生网页设计作业成品怎么支付呢
. 在线支付
. 线下汇款
. 财付通
. 支付宝
帮我作业网服务介绍
. 大学生作业模板
. 定制大学生作业
. 商家信息发布
. 学生作业任务发布

2005-2022 版权所有:帮我作业网 并保留所有权利

E-mail: 2656895362@qq.com ,1826816020@qq.com

乘车路线:2路 11路 38路珠江道路南国际新源大厦B座1104

联系帮我作业网 联系帮我作业网2656895362 帮我作业网 work85

冀ICP备18007408号-1

收缩
  • 联系帮我作业网客服