Html5的两个本地存储对象sessionStorage和localStorage
2015-08-24 20:17
555 查看
1. sessionStorage存储数据的生命周期到该网页(强调是网页)关闭,关闭该网页后数据消失
(刷新该网页数据还在,但是一旦关闭该网页,sessionStorage存储的数据立刻消失)
2. localStorage存储数据的生命周期无限长,甚至好几月好几年,只要不清除浏览器缓存就一直存在
都有的属性:
sessionStorage.length 指示该本地存储对象中有多少条数据(一条数据是一个键值对)
都有的方法:
sessionStorage.key(i) 取得该本地存储对象的第i条数据的 键
sessionStorage.setItem("name","xiaofang") 存储数据到该对象,键为name,值为xiaofang
sessionStorage.getItem("name") 从该对象取出存储的键为name的数据
sessionStorage.clear() 清除该对象存储的所有数据
(刷新该网页数据还在,但是一旦关闭该网页,sessionStorage存储的数据立刻消失)
2. localStorage存储数据的生命周期无限长,甚至好几月好几年,只要不清除浏览器缓存就一直存在
都有的属性:
sessionStorage.length 指示该本地存储对象中有多少条数据(一条数据是一个键值对)
都有的方法:
sessionStorage.key(i) 取得该本地存储对象的第i条数据的 键
sessionStorage.setItem("name","xiaofang") 存储数据到该对象,键为name,值为xiaofang
sessionStorage.getItem("name") 从该对象取出存储的键为name的数据
sessionStorage.clear() 清除该对象存储的所有数据
相关文章推荐
- Html5的多媒体元素:audio video
- 当前浏览器对HTML5支持状况(全平台)
- 当前浏览器对HTML5支持状况(全平台)
- Html5的列表元素:ol dl
- Html5新增小元素:figure与figurecaption address progress meter mark details与summary
- 最简单的HTML5游戏——贪吃蛇
- Html5新增语义结构元素:article section aside nav header hgroup footer time
- Html5制作工具对比
- 5 个强大的HTML5 API
- HTML5的链接
- Web 实时推送技术的总结
- 前端开发攻城师绝对不可忽视的五个HTML5新特性
- HTML5:绘制图形
- html5,cxt.arc(100,100,30,0,Math.PI*2,true);
- html5学习之路_003
- 9秒学院-html5游戏开发入门教程
- HTML5客户端数据存储
- 初学Html5的总结
- HTML5 本地裁剪图片
- IE低版本下实现html5的placeholder(表单提示)功能