Javascript：本地存储之sessionStorage

听海边涛声

已于 2024-06-28 07:54:35 修改

阅读量231

点赞数 3

文章标签： javascript 开发语言 ecmascript

于 2024-06-28 07:50:49 首次发布

本文链接：https://blog.csdn.net/panghuangang/article/details/140024173

版权

sessionStorage：

生命周期为关闭浏览器窗口
在同一个窗口（页面）下数据可以共享
以键值对的形式存储使用
值存储的时候全部转换为字符串

存储和修改数据：

sessionStorage.setItem(key, value)

获取数据：

sessionStorage.getItem(key)

删除数据：

sessionStorage.removeItem(key)

示例：存储数据、获取数据

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 要存储一个名字
    sessionStorage.setItem('uname', 'tom')
    // 获取本地存储
    console.log(sessionStorage.getItem('uname'))
  </script>
</body>

</html>