本文介绍了HTML5中用于本地数据存储的两种新特性：localStorage和sessionStorage。localStorage提供永久性的、多窗口共享的存储，容量约为20MB，适合存储大量数据。而sessionStorage则在浏览器窗口关闭后生命周期结束，容量约为5MB，主要用于临时存储同一窗口下的数据。使用方法包括setItem、getItem、removeItem和clear等操作。
传统方式我们用document.cookie来储存，但是储存大小较小，而且解析复杂，HTML5提出新的解决方案，使用sessionStorage和localStorage存储数据。
localStorage：
1. 永久生效
2. 多窗口共享
3. 容量大约为20M
◆window.localStorage.setItem(key,value) 设置存储内容
◆window.localStorage.getItem(key) 获取内容
◆window.localStorage.removeItem(key) 删除内容
◆window.localStorage.clear() 清空内容
sessionStorage：
1. 生命周期为关闭当前浏览器窗口
2. 可以在同一个窗口下访问
3. 数据大小为5M左右
◆window.sessionStorage.setItem(key,value)
◆window.sessionStorage.getItem(key)
◆window.sessionStorage.removeItem(key)
◆window.sessionStorage.clear()
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
