Javascript 的本地存储
2012-12-24 19:10
330 查看
本地存储是 HTML5 的一部分,用于方便地从页面存储本地数据。它包括 localStorage 和 sessionStorage 两种:前者保存的数据可以一直保存,除非清除浏览器缓存;而后者保存的数据在关闭浏览器后即失效。
本地存储 IE 8.0+,Firefox 3.5+,Chrome4.0+,Safari 4.0+ 和 Opera 10.5+ 都支持。使用方式也很简单:
本地存储只能储存字符串数据,因此在存取其它类型的数据需要进行转换。另外有些浏览器(例如 IE 9 和 Firefox 6)对本地打开的网页禁用了本地存储。
参考资料:
[1] Web Storage - W3C
[2] DOM Storage - MDN
[3] Web Storage Support Test
[4] Local Storage - Dive Into HTML5
[5] 八一下LocalStorage本地存储的卦 | Tencent AlloyTeam
[6] JavaScript本地存储实践(html5的localStorage和ie的userData)
[7] html5客户端本地存储之sessionStorage及storage事件
[8] localStorage.setItem not persisting on refresh - stackoverflow
[9] local storage in IE9 fails when the website is accessed directly from the file system
[A] Bug 507361 - localStorage doesn't work in file:/// documents
本地存储 IE 8.0+,Firefox 3.5+,Chrome4.0+,Safari 4.0+ 和 Opera 10.5+ 都支持。使用方式也很简单:
if (window.localStorage){ // set item localStorage.key1 = 'value1'; localStorage['key2'] = 'value2'; localStorage.setItem('key3', 'value3'); // get item var a = localStorage.key1; var b = localStorage['key2']; var c = localStorage.getItem('key3'); // delete item localStorage.removeItem('key'); // clear all items localStorage.clear(); }
本地存储只能储存字符串数据,因此在存取其它类型的数据需要进行转换。另外有些浏览器(例如 IE 9 和 Firefox 6)对本地打开的网页禁用了本地存储。
参考资料:
[1] Web Storage - W3C
[2] DOM Storage - MDN
[3] Web Storage Support Test
[4] Local Storage - Dive Into HTML5
[5] 八一下LocalStorage本地存储的卦 | Tencent AlloyTeam
[6] JavaScript本地存储实践(html5的localStorage和ie的userData)
[7] html5客户端本地存储之sessionStorage及storage事件
[8] localStorage.setItem not persisting on refresh - stackoverflow
[9] local storage in IE9 fails when the website is accessed directly from the file system
[A] Bug 507361 - localStorage doesn't work in file:/// documents
相关文章推荐
- Javascript本地存储数据方案
- 性能:15个JavaScript本地存储技术的函数库和工具
- JavaScript-cookie是客户端本地,持久存储用户私密数据的文件
- javascript数据缓存策略之本地存储
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript技巧总结和本地存储(一)
- JavaScript技巧总结和本地存储(二)
- 突袭HTML5之Javascript API扩展3―本地存储全新体验
- (转)Javascript本地存储小结
- JavaScript本地存储实践(html5的localStorage和ie的userData)的实例页面
- 原生JavaScript常用本地浏览器存储方法四(HTML5 LocalStorage sessionStorage)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- 原生JavaScript常用本地浏览器存储方法二(cookie)
- Javascript本地存储小结
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)的实例页面