html5的sessionStorage和localStorage应用
2016-03-19 23:36
369 查看
一,sessionStorage和localStorage之间的区别
首先,Html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
sessionStorage:用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
localStorage:用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
二,web storage和cookie的区别
web storage和cookie都可以在浏览器端存储数据,但是cookie存储数据是有大小限制的(4KB左右的数据),而且同一域名下存储cookie的个数也是有限制的(不同浏览器限制个数不同,IE一般限制为20个左右),由于每次与服务端交互,都要带上该域名下所有的cookie信息,无疑会增大网络带宽的开销。
而web storage只是在浏览器端存储数据,没有上述限制因素。
三,web storage的使用
localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等。
#localStorage常用操作 window.localStorage.setItem(key,value); window.localStorage.getItem(key); window.localStorage.removeItem(key); window.localStorage.clear();//清除所有localStorage数据 #sessionStorage常用操作 window.sessionStorage.setItem(key,value); window.sessionStorage.getItem(key); window.sessionStorage.removeItem(key); window.sessionStorage.clear();//清除所有sessionStorage数据
阅读更多
相关文章推荐
- HTML5本地存储应用sessionStorage和localStorage
- HTML5本地存储应用sessionStorage和localStorage
- HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
- HTMl5的sessionStorage和localStorage
- HTML5学习笔记之 localStorage和sessionStorage
- HTMl5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- HTMl5的sessionStorage和localStorage
- 【html5】cookie、sessionStorage、localStorage
- HTMl5的sessionStorage和localStorage
- 使HTML5 localStorage及sessionStorage支持储存Array OR Object
- HTML5的本地存储localStorage以及简单应用
- HTMl5的sessionStorage和localStorage
- HTML5的sessionStorage和localStorage
- HTML5 LocalStorage、sessionStorage介绍
- HTML5本地存储localStorage、sessionStorage及IE专属UserData
- [Html5]sessionStorage和localStorage的区别
- HTML5 localstorage本地存储应用
- HTML5本地存储-localStorage和sessionStorage