JS-本地存储localStorage

2017-03-25  本文已影响0人  魏永_Owen_Wei

今天记录一下本地存储的相关知识。有时候我们希望把一些信息记录在本地,这样不用和数据库进行交互。另一方面这也是辅助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等浏览器中也能实现本地存储。

上一篇 下一篇

猜你喜欢

热点阅读