HTML5 API详解（10）:sessionStorage 你用过吗？

sessionStorage和localStorage大部分是相同的，包括功能和使用。功能上唯一的区别是：localStorage是本地长时间存储，不会因为窗口关闭而丢失存储的数据，而sessionStorage会话存储则是仅保留本次会话的数据，浏览器窗口或者标签关闭的时候就会数据消失，但是刷新当前页面的话数据依然可以保留。

设置sessionStorage的值有3种写法：

sessionStorage.name1 = 'value1';

sessionStorage.name2 = 'value2';

sessionStorage.setItem('name3','value3') ;

同样获取也有3种写法：

sessionStorage.name1;

sessionStorage['name2'];

sessionStorage.getItem('name3');

获取sessionStorage的长度：

sessionStorage.length

获取sessionStorage的key

sessionStorage.key(index);

删除指定的键值对：

sessionStorage.removeItem('name');

删除所有的键值对：

sessionStorage.clear();

storage事件，用法和localStorage一样的：

if (window.addEventListener) {

window.addEventListener("storage", handlerStorage, false);

} else {

window.attachEvent("onstorage", handlerStorage); //IE浏览器

};

使用场景：

一般使用在每一次打开新窗口的时候要完成某个特定操作，而打开后刷新页面不用再次完成该操作。小编在做一个H5网站的时候使用过，每次新打开网站的时候需要用一个介绍屏，来顶替数据加载做造成的空白页面。（点击底部“阅读原文”可查看）

HTML5 API详解（10）:sessionStorage 你用过吗？相关推荐

HTML5 API详解（18）:IndexedDB 本地存储
Web SQL Database实际上已经被废弃,而HTML5的支持的本地存储实际上变成了Local Storage和Session Storage与IndexedDB.Web Storage使用简单 ...
HTML5 API详解（17）:Web SQL DataBase本地数据库
Web SQL Database是一个已经废弃的规范,但是鉴于除了IE和Firefox,其他浏览器都已经实现了Web SQL Database,并且它还具有一些HTML5 Storage所不具有的特性 ...
HTML5 API详解（16）:web socket 全双工通信
目前实时Web应用的实现方式,大部分是围绕轮询和其他服务器端推送技术展开的,其中最著名的是Comet.Comet技术可以让服务器主动以异步方式向客户端推送数据. 使用轮询时,浏览器定期发送HTTP请求 ...
HTML5 API详解（15）:History 不刷新也可以实现网页跳转
HTML4中的History API history这个东西大家应该都不陌生,我们经常使用history.back(-1)来实现后退功能,具体的属性和方法如下: 属性 length 历史的项数.Jav ...
HTML5 API详解（14）:Notification 实现桌面提醒
桌面提醒功能可以在窗口隐藏甚至是浏览器最小化(不被激活)的情况下,依然可以对用户进行信息通信,采用的方式就是在电脑桌面的右下角弹出消息提示框.这样的一个功能可以使用在一些消息推送的场景下.不过,虽然h ...
HTML5 API详解（12）:canvas画布API提供的内容很丰富啊~
不考虑代码质量的话,一般来说css3>canvas>纯js. 1. css3动画是独立与js线程的,js的运算操作不会阻塞css3的动画,所以在系统cpu占用率较高的时候,css3的动画性 ...
HTML5 API详解（8）:worker多线程教你如何避免页面卡死
web worker是html5 提供的一个JavaScript多线程的解决方案,worker用于处理一些大量复杂耗时的计算,免得页面冻结.挂起.卡死. 比如:我们要运算一个复杂的数学计算:递归计算. ...
HTML5 API详解（5）:Page Visibility API帮您省流量，提高体验
页面可见性API可以让你知道一个页面什么时候是隐藏的,什么时候是显示的.当页面被最小化或者被切换成后台标签页时,浏览器会触发一个 visibilitychange事件,告诉你用户已经看不到这个页面了 ...
HTML5 API详解（3）：为何网页上要增加Battery电池状态API
手机自身的电源管理已经相当不错了,那为何网页上还要增加一个HTML5 Battery电池状态API呢? 随着HTML5以及CSS3技术支持与发展,以及手机越来越高性能带来的可行性.移动端的页面显然会越 ...

HTML5 API详解（10）:sessionStorage 你用过吗？

HTML5 API详解（10）:sessionStorage 你用过吗？相关推荐

最新文章

热门文章