前端面试题说一下sessionstorage
时间: 2023-12-07 13:39:36 浏览: 128
前端面试题之浏览器Browser相关题集.zip
sessionStorage是HTML5中新增的Web Storage API之一,用于在浏览器端存储数据。与cookie相比,sessionStorage具有以下优点:
- 存储容量更大,可以存储5-10MB的数据。
- 存储在浏览器端,不会随着HTTP请求发送到服务器端,减少了网络流量。
- 存储在浏览器端,不会像cookie一样受到跨域限制。
sessionStorage的生命周期是在仅在当前会话下有效。也就是说,只要浏览器窗口没有关闭,即使刷新页面或者进入同源另一个页面,数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面,sessionStorage也是不一样的。
sessionStorage的使用方法与JavaScript对象类似,可以使用setItem()方法存储数据,使用getItem()方法获取数据,使用removeItem()方法删除数据。例如:
```javascript
// 存储数据
sessionStorage.setItem('name', 'Tom');
// 获取数据
var name = sessionStorage.getItem('name');
console.log(name); // 输出:Tom
// 删除数据
sessionStorage.removeItem('name');
```
阅读全文