美文网首页
JS-本地存储localStorage

JS-本地存储localStorage

作者: 魏永_Owen_Wei | 来源:发表于2017-03-25 10:49 被阅读0次

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

相关文章

网友评论

      本文标题:JS-本地存储localStorage

      本文链接:https://www.haomeiwen.com/subject/hotcottx.html