第九十八篇:Web的储存机制LocalStorage

2022-10-29,,,

好家伙

1.什么是LocalStorage?

LocalStorage 是一种 web 端的存储机制

它使得由 JavaScript 编写的网站或者应用可以无限期的在浏览器中存储并访问数据。

LocalStorage 是一个 HTML5 网络存储对象,用于将数据存储在客户端——即本地,

在用户的计算机上。 本地存储的数据没有到期日期,并且会一直存在,直到被删除。

(好东西,没搞数据库之前,实现登陆功能的平替方案,哈哈哈)

那么既然他是一种储存机制,

那么他肯定有增删查改

来吧:

LocalStorage的方法:

1.1.setItem(): "增(改)",将数据以键值对的形式存到 LocalStorage 中

 
语法格式:

localStorage.setItem("key", value);

参数:

keyname 必需。字符串,指定要设置其值的键的名称。
value 必需。字符串,指定要设置其值的键的值。必须是字符串

 
 
 
 
 
 

1.2.getItem: "查",从 LocalStorage 获得对应键值的数据

 
语法格式:

localStorage.getItem(keyname);

参数:

同上,无value

1.3.removeItem(): "删",删除 LocalStorage 中给定键的数据条目

语法格式:

localStorage.removeItem("mytime");

参数,同上

1.4.clear():清空 LocalStorage

语法格式:

localStorage.clear();

该方法无参

 
 
 

2.LocalStorage方案的缺点

(1).不安全

 

(2).开发者无法控制本地存储的数据

 

(3).用户清除缓存后,数据将;永远消失

(所以还得是数据库)

 
 
 
 
 
 
 
 
 

第九十八篇:Web的储存机制LocalStorage的相关教程结束。

《第九十八篇:Web的储存机制LocalStorage.doc》

下载本文的Word格式文档,以方便收藏与打印。