H5新特性WebStorage相关用法详解

Web项目中需要存储多种数据，大体上有两种存储方法：服务器端存储与客户端存储，而WebStorage就是客户端存储的一种新技术，本文和大家分享的就是WebStorage相关内容，一起来看看吧，希望对大家学习HTML5 http://www.maiziedu.com/course/352/有所帮助。 　　在HTML5中，WebStorage技术，提供了两个对象，用于在浏览器中存储客户端的访问数据： 　　window.sessionStorage——会话级存储: 　　在浏览器的内存中存储的与某个服务器间的一系列请求-响应过程中产生的数据——都是Key-Value对形式。当会话结束时(用户关闭了浏览器)，会话级数据即消失。 　　sessionStorage['key'] = 'value'; //存储一个数据 　　var v = sessionStorage['key']; //读取一个数据 　　sessionStorage.length //获取数据的个数 　　sessionStorage.setItem('key', 'value') //存储一个数据 　　var v = sessionStorage.getItem('key') //读取一个数据 　　sessionStorage.removeItem('key') //删除一个数据 　　sessionStorage.clear() //清除所有的数据 　　window.localStorage——本地/跨会话级存储： 　　在客户端文件系统/硬盘中存储客户端与服务器间的访问数据——都是Key-Value对形式。即使关闭浏览器，甚至关闭计算机仍然存在，否则会永久存在。 　　localStorage['key'] = 'value'; //存储一个数据 　　var v = localStorage ['key']; //读取一个数据 　　localStorage.length //获取数据的个数 　　localStorage.setItem('key', 'value') //存储一个数据 　　var v = localStorage.getItem('key') //读取一个数据 　　localStorage.removeItem('key') //删除一个数据 　　localStorage.clear() //清除所有的数据