如何巧妙运用LocalStorage和SessionStorage实现网页数据持久化与临时存储？

本文共计1737个文字，预计阅读时间需要7分钟。

目录+前置知识+范例+示例1：将键值对存储到本地存储+示例2：本地存储中设置键值对+示例3：获取空值+示例4：将数组存储在本地存储中+示例5：从本地存储中获取数组+示例6：从本地存储中获取信息

目录

• 前提知识
• 范例
• 示例1：将键值对提供给本地存储
• 示例2: 本地存储中设置键值对
• 示例3: 获取空值
• 示例 4：将数组存储在本地存储中
• 示例 5：从本地存储中获取数组
• 示例 6：从本地存储中获取数组？
• 示例 7：清除本地存储
• 示例 8：仅从本地存储中删除 Name1 键值对
• 会话存储
• 总结

我不会告诉你任何定义和概念，上车，读完这篇博客，你就会对本地存储(Local Storage) 和 会话存储(Session Storage)有一个清晰的认识。

前提知识

请按照我以下的步骤来：

1、在任意网页中按F12打开开发者工具

2、单击Application，即应用

3、单击存储，您将在那里看到本地存储和会话存储。

本地存储和会话存储都存储键值对。