使用 sessionStorage.setItem 存储数据

sessionStorage.setItem() 是 HTML5 提供的一种本地存储数据的方式，可以在浏览器会话（session）期间存储数据。在同一个浏览器窗口或标签页中，只要处于同一个会话，就可以共享存储的数据。

语法

sessionStorage.setItem(key, value);

• key：要存储的数据的键名。
• value：要存储的数据的值，只能为字符串类型。

示例

以下示例演示如何使用 sessionStorage.setItem() 存储用户的信息：

// 存储用户名和年龄
sessionStorage.setItem('username', 'Tom');
sessionStorage.setItem('age', '25');

// 取出数据并显示
var username = sessionStorage.getItem('username');
var age = sessionStorage.getItem('age');
console.log(username, age);  // 输出 "Tom 25"

注意事项

• 使用 sessionStorage.setItem() 存储的数据只能在同一窗口或标签页中共享，无法在不同窗口或标签页中共享。
• 程序员可以使用 sessionStorage.getItem() 获取已存储的数据，使用 sessionStorage.removeItem() 删除存储的数据，或使用 sessionStorage.clear() 清除所有存储的数据。
• sessionStorage 存储的数据仅在当前会话有效。如果用户关闭了当前窗口或标签页，则所有存储的数据都将被删除。