首页 > 开发 > HTML5 > 正文

深入剖析webstorage[html5的本地数据处理]

2024-09-05 07:18:56
字体:
来源:转载
供稿:网友

1.webStorage是什么?

webStorage是html5中用于本地化存储的一种方式,而在之前呢我们是用cookie的存储方式处理;

2.那它们之间的区别是什么?

Ⅰ.cookie存在的问题:

.cookie需要向服务端发送一个请求,服务端返回一个cookieId,存储用浏览器缓存里,需消耗一定的带宽。[cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量];

.cookie存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K;

Ⅱ.而webstorage只需把数据存储于本地;

3.我们可以举一个小例子说明一下

eg:输入用户名和密码,点击按钮1时,把数据保存起来,点击按钮2,页面刷新还可以获取到;

过程:

.创建一个事件

XML/HTML Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表