现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

sessionStorage的介绍

发表于2017/3/15 网站制作教程 0条评论 ⁄ 热度 1,831℃

在介绍sessionStorage之前,我们先看下sessionStorage的应用场景:

window.sessionStorage.name = 'rainman';         // 赋值
window.sessionStorage.setItem('name','cnblogs');// 赋值
window.sessionStorage.getItem('name');          // 取值
window.sessionStorage.removeItem('name');       // 移除值
window.sessionStorage.clear();                  // 删除所有sessionStorage

1.cookie的存储限制在了4k之内,相比来说,session storage有了更大的存储空间,但至于具体多大,这要参照浏览器厂商的具体实现。

2.cookie有一个机制,就是在每次客户端请求服务器的时候都会将cookie发送给服务器,这无疑会做很多不必要的操作,因为并不是每次请求服务器都需要cookie的所有信息,而session storage很好的解决了这个问题,它不是采取自动发送的方式,这样就减少了不必要的工作。

3.通过sessionStorage所存储数据的生命周期,和Session类似,关闭浏览器(或标签页)后数据就不存在了。但刷新页面或使用“前进”、“后退按钮”后sessionStorage仍然存在。

4.session storage每个窗口的值都是独立的(每个窗口都有自己的数据),它的数据会随着窗口的关闭而消失,窗口间的sessionStorage也是不可以共享的。

5.setItem中的key、value使用的是字符串的形式进行存储的。也就是说如果有如下的代码:setItem(‘count’, 1);通过getItem(‘count’) + 5 得到的将不是预期的6(整数),而是’16’(字符串)。

6.再次使用setItem设置已经存在的key的value时,新的值将替代旧的值。

7.当存储中的数据发生改变时,会触发相应的事件(window.onstorage),但目前各浏览器对此事件的支持并不完善,暂时可以忽略。

  • 暂无评论