window.sessionstorage 原理

window.sessionstorage 原理
`window.sessionStorage` 是HTML5 提供的Web Storage API 的一部分，它允许在用户会话期间（即在用户关闭窗口或标签页之前）存储键/值对的数据。

它与`localStorage` 类似，但是存储的数据在用户关闭浏览器窗口或标签页时将被清除。

`window.sessionStorage` 的原理主要基于以下几个关键概念：
1. 生命周期：数据存储在`sessionStorage` 中的时间仅限于当前会话期间。

如果用户关闭浏览器窗口或标签页，存储在`sessionStorage` 中的数据将被删除。

2. 同源策略：`sessionStorage` 遵循同源策略，即只有在相同协议、域名和端口的网页之间才能共享数据。

这是为了增加安全性，以防止恶意网站访问其他网站的`sessionStorage` 数据。

3. 键/值对存储：`sessionStorage` 存储的是键/值对形式的数据。

可以使用类似`setItem(key, value)` 存储数据，`getItem(key)` 获取数据，以及`removeItem(key)` 删除数据的方法。

4. 限制容量：浏览器对于`sessionStorage` 的存储容量有一定的限制，通常在5MB左右。

超出这个限制的数据将不会被存储。

下面是一个简单的示例，展示了如何使用`sessionStorage` 存储和检索数据：
```javascript
// 存储数据
sessionStorage.setItem('username', 'john_doe');
// 获取数据
var username = sessionStorage.getItem('username');
console.log(username); // 输出: john_doe
// 删除数据
sessionStorage.removeItem('username');
```
需要注意的是，`sessionStorage` 的数据存储在浏览器内存中，而不是持久性的存储在硬盘上。

因此，它适用于需要在用户会话期间保存数据，但不需要长期保存的情况。