今天记录一下本地存储的相关知识。有时候我们希望把一些信息记录在本地,这样不用和数据库进行交互。另一方面这也是辅助cookie验证的一种方式。
利用的就是localStorage的属性。注意该属性只在H5中才支持。举个栗子来展示如何写入值:
function localStorageTest (a,b,c ){
if (window.localStorage){ //只有当浏览器支持该属性的时候才操作
localStorage.name = a;
localStorage.name1 = b;
localStorage.name2 = c;
}
}
这样数据就会一直保存在本地,浏览器关闭了也不会丢失。读取的方式也和简单:
var name = localStorage.name;
除了使用这种原生的方法之外,还有一个Store.js可以使用。好处是帮你解决了很多浏览器的兼容性问题,即使在不支持H5的IE6等浏览器中也能实现本地存储。