本地存储 localStorage sessionStorage

最新推荐文章于 2024-04-20 10:42:22 发布

昵称2-20个字符

最新推荐文章于 2024-04-20 10:42:22 发布

阅读量290

点赞数

分类专栏： javascript 文章标签：本地存储 js localStorage sessionStorage

本文链接：https://blog.csdn.net/weixin_39517183/article/details/106616290

版权

本地存储的特性数据存储再用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大、sessionStorage约5M、localStorage越20M只能存储字符串，可以将对象JSON.stringify()编码后存储window.sessionStorage生命周期为关闭浏览器窗口在同一个窗口(页面)下数据可以共享以键值对的形式存储使用存储数据：sessionStorage.setItrm(key,value);获取数据：sessionStorage.getItrm(k

摘要由CSDN通过智能技术生成

本地存储的特性

数据存储再用户浏览器中
设置、读取方便、甚至页面刷新不丢失数据
容量较大、sessionStorage约5M、localStorage越20M
只能存储字符串，可以将对象JSON.stringify()编码后存储

window.sessionStorage

生命周期为关闭浏览器窗口
在同一个窗口(页面)下数据可以共享
以键值对的形式存储使用
存储数据：

sessionStorage.setItrm(key,value);

获取数据：

sessionStorage.getItrm(key);

删除数据：

sessionStorage.removeItrm(key);

删除所有数据：

sessionStorage.clear();

demo:


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <input type="text">
    <button class="set">存储数据</button>
    <button class="get">获取数据</button>
    <button class="remove">删除数据</button>
    <button class="del">清空所有

最低0.47元/天解锁文章

昵称2-20个字符

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
本地存储 localStorage sessionStorage

本地存储的特性数据存储再用户浏览器中设置、读取方便、甚至页面刷新不丢失数据容量较大、sessionStorage约5M、localStorage越20M只能存储字符串，可以将对象JSON.stringify()编码后存储window.sessionStorage生命周期为关闭浏览器窗口在同一个窗口(页面)下数据可以共享以键值对的形式存储使用存储数据：sessionStorage.setItrm(key,value);获取数据：sessionStorage.getItrm(k
复制链接

扫一扫