【JavaScript】数据存储 Storage（session、local）

文章目录

• ​​Storage​​

• ​​一、sessionStorage​​

• ​​作用​​
• ​​函数​​
• ​​作用的范围​​

• ​​二、localStorage​​

Storage

一、sessionStorage

作用

1.浏览器彻底关闭才会销毁
2.临时的数据共享 （登陆状态）
3.键值对形式存储

函数

• setItem() 设置
• getItem() 获取
• removeItem() 删除
• clear() 清空

作用的范围

• 只要当前会话不关闭，sessionStorage就不会消失；
• 当前会话的跳转、刷新均存在；

• 一旦新建会话全部消失！！！

// 界面一
<script>
    // 设置值
    sessionStorage.setItem("key1","value1");
    sessionStorage.setItem("key2","value2");
    sessionStorage.setItem("key3","value3");
    // 获取值
    alert(sessionStorage.getItem("key1"));
</script>

// 界面二
<script>
    // 获取值
    alert(sessionStorage.getItem("key1"));
</script>

当前会话跳转：

当前会话刷新：

新建会话：

​​返回顶部​​

二、localStorage

• 与sessionStorage的区别就在于作用的范围不同,localStorage是本地永久存储！！！

​​返回顶部​​