在 HTML 中,为了在本机存储用户数据,我们需要使用 JavaScript cookie。为了避免这种情况,HTML5 已经引入了 Web 存储,网站利用它在本机上存储用户数据。与 Cookie 相
顺晟科技
2021-06-16 10:13:36
222
在HTML中,为了在本地存储用户数据,我们需要使用JavaScript cookie。为了避免这种情况,HTML5引入了Web存储,网站使用Web存储在本地存储用户数据。
与Cookie相比,Web存储的优势在于:
更安全的
更快的
存储更多数据
存储的数据不会随每个服务器请求一起发送。仅在需要时才包括在内。这是HTML5 Web存储相对于Cookie的一大优势。
有两种类型的网络存储对象:
本地-存储没有到期日期的数据。
会话-仅存储一个会话的数据。
工作原理:本地存储和会话存储对象创建一个键值对。例如:键='名称',值='帕拉克'。
这些都是以字符串的形式存储的,但是如果需要的话,可以使用JavaScript函数如parseInt()和parseFloat()进行转换。
下面给出了使用网络存储对象的语法:
存储一个值:
localStorage.setItem('key1 ',' value 1 ');
local storage[' key 1 ']=' value 1 ';
获取一个值:
alert(LocalStorage . GetItem(' key 1 '));
警报(LocalStorage[' key 1 ']);
删除一个值:-RemoveItem(' key 1 ');
删除所有值:
local storage . clear();