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

好家伙

 

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).用户清除缓存后,数据将;永远消失

 

(所以还得是数据库)