在前端开发中，有时需要在客户端保存一些数据，以便在下次访问时能够快速地获取之前的数据。这种情况下，可以使用本地存储。
JavaScript提供了两种本地存储方式：localStorage和userData。它们都可以用来存储大量数据，并且数据不会因为关闭浏览器而丢失。接下来我们将分别介绍这两种方式的使用方法与示例代码。
基于localStorage的本地存储
localStorage是HTML5提供的一种本地存储方式，它是一种键值对的存储方式，每个键值对都可以保存一个字符串。localStorage中的数据只能被同源页面访问，也就是说，只有在同一个域名下的页面才能访问同一个localStorage。
使用方法
存储数据
------------------------- -------
其中，
key是要保存的数据的键名，value是要保存的数据的值，两个参数均为字符串类型。读取数据
--------------------------
其中，
key是要读取的数据的键名，返回的是该键名对应的值，如果该键名不存在，则返回null。删除数据
-----------------------------
其中，
key是要删除的数据的键名。清空所有数据
---------------------
示例代码
-- ---- ---------------------------- ------ --------------------------- ------ -- ---- --- ---- - ----------------------------- --- --- - ---------------------------- ----------------- ----- -- ----- -- -- ---- -------------------------------- -- ------ ---------------------
基于userData的本地存储
userData是IE提供的一种本地存储方式，它也是一种键值对的存储方式，每个键值对都可以保存一个字符串。与localStorage不同的是，userData的数据可以在不同域名下的页面之间共享。
使用方法
存储数据
--- -------- - ------------------------- -------------------------- ------- --------------------------
其中，
key是要保存的数据的键名，value是要保存的数据的值，两个参数均为字符串类型。读取数据
--- -------- - ------------------------- -------------------------- ---------------------------
其中，
key是要读取的数据的键名，返回的是该键名对应的值，如果该键名不存在，则返回null。删除数据
--- -------- - ------------------------- ------------------------------ --------------------------
其中，
key是要删除的数据的键名。
示例代码
-- ---- --- -------- - ------------------------- ----------------------------- ------ ---------------------------- ------ -------------------------- -- ---- -------------------------- --- ---- - ------------------------------ --- --- - ----------------------------- ----------------- ----- -- ----- -- -- ---- --------------------------------- --------------------------
总结
本文介绍了JavaScript实现本地存储信息的两种方法：基于localStorage和基于userData。它们都可以用来存储大量数据，并且数据不会因为关闭浏览器而丢失。我们可以根据需求选择其中一种方式进行使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/2054