window.localStorage属性的作用和使用方法详细介绍

window.localStorage属性

window.localStorage属性是一种持久化存储机制，它可以在浏览器本地存储数据，这些数据可以在页面刷新后保留，也可以在不同的页面之间共享数据。

localStorage是一种键值对的存储方式，它可以存储任意类型的数据，键和值都是字符串，存储的数据不会因为页面刷新而消失，可以在不同的页面之间共享数据。

使用方法

localStorage的使用方法非常简单，只需要使用setItem()和getItem()方法即可。

// 设置localStorage
localStorage.setItem("name", "John");

// 获取localStorage
var name = localStorage.getItem("name");
console.log(name); // John

除了setItem()和getItem()方法之外，localStorage还提供了其他的方法，比如removeItem()用来删除指定的键值对，clear()用来清空所有的键值对，key()用来获取指定索引的键值对等。

// 删除name键值对
localStorage.removeItem("name");

// 清空所有键值对
localStorage.clear();

// 获取指定索引的键值对
var key = localStorage.key(0);
console.log(key); // age

localStorage还提供了一个length属性，用来获取当前存储的键值对的数量。

// 获取当前存储的键值对的数量
var length = localStorage.length;
console.log(length); // 2