SessionStorage是HTML5提供的一种用于在浏览器中存储数据的技术。它与LocalStorage相似，但有一些特定的使用场景和限制。本文将介绍SessionStorage在什么情况下会被删除，并提供具体的代码示例。
SessionStorage是一种会话级别的存储机制，它的数据只在当前会话（即当前浏览器窗口或标签页）中有效，并在会话结束后被自动清除。具体来说，以下几种情况会导致SessionStorage被删除：
- 关闭浏览器窗口或标签页
当用户关闭浏览器窗口或标签页时，会话就会结束，此时SessionStorage中保存的数据将被删除。这是因为SessionStorage是与会话相关联的，它只在当前会话中有效。 -
手动清除SessionStorage
开发者可以通过调用SessionStorage的clear()方法来手动清除所有保存在其中的数据。例如：sessionStorage.clear();
- 浏览器崩溃或异常退出
如果浏览器崩溃或异常退出，SessionStorage中的数据将会丢失。这是因为会话中的数据都是保存在浏览器的内存中的，而不是持久化到硬盘上。
下面是一段代码示例，演示了如何使用SessionStorage存储和读取数据：
// 存储数据
sessionStorage.setItem('name', 'Tom');
sessionStorage.setItem('age', '25');
// 读取数据
var name = sessionStorage.getItem('name');
var age = sessionStorage.getItem('age');
console.log(name); // 输出：Tom
console.log(age); // 输出：25需要注意的是，SessionStorage中只能存储字符串类型的数据。如果要存储其他类型的数据，需要使用JSON.stringify()方法将其转换为字符串，然后再存储。读取数据时，可以使用JSON.parse()方法将字符串转换为原始的数据类型。
总之，SessionStorage是一种临时存储机制，适用于需要在会话期间保持数据的场景。但需要记住，它的数据具有一定的时效性，在特定情况下会被自动删除。使用SessionStorage时要注意数据的保存时机和生命周期，以免造成数据丢失或不一致的问题。
