本地存储locals

html5的一个非常cool的功能，就是web storage，类似于之前的cookie，不过与之不同的是，web storage 拥有本地5兆的容量可以存储，而cookie却只有4K，这是完全不能比的优势。
webstrange又分为：localstorage，sessionstorage和本地数据库。

接下来我就来一一介绍：

1、localstorage
localstorage 的使用比较简单，方法有：

代码如下:

localStorage.setItem(key,value);//保存数据
localStorage.getItem(key);//读取数据
localStorage.removeItem(key);//删除单个数据
localStorage.clear();//删除所有数据
key：localStorage.key(index);//得到某个索引的值
2、sessionStorage
sessionStorage用法与localStorage用法相同，不过sessionStorage在浏览器关闭网站时候就会清除，而localStorage会一直保存至浏览器中

3.如何使用localStorage存取JSON
使用localStorage存取数据其实就用到了这些方法。下面看一下具体的方法。
将json存入localStorage中：
[javascript]view plaincopy

varjson={name:"ww",phone:12345668};localStorage.setItem("person",JSON.stringify(json));
这样就把json存入了localStroage.person里。

如果取出localStroage里的数据，可以使用这样的方法：
[javascript]view plaincopy

varperson=JSON.parse(localStorage.getItem("person"));
这样就把json对象取出来使用了。

 

4.注意事项

值得注意的是，localStorage里存储的是字符串类型，所以json在存储的时候要先使用JSON.parse()方法将其转化为字符串，在取出json时使用JSON.parse()方法将其转化为对象。任何类型的数据在存储到localStroage里时都会被强制转化为字符串类型。