localStorage

一、兼容性:如果不考虑ie6、7、8,请尽情使用
二、使用方法:

  1. 判断浏览器是否支持localStorage
if (!window.localStorage) {
    console.log('您的浏览器不支持localStorage'); 
} else {
    console.log('您的浏览器非常给力');
}
  1. 写入数据
var storage = window.localStorage;
storage.setItem("a", 123);
storage.setItem("b", 345);
//此处有陷阱,请继续往下看
  1. 读取数据
var a = storage.getItem("a");
console.log(a);  //123
console.log(typeof a);    //string

注意:
    我们存储时候的值为number类型,获取后为string类型
    说明localStorage只以字符串形式进行存储
    所以在存储之前,请将存储数据转换成string类型
  1. 获取键(key)
for (var i = 0; i < storage.length; i++) {
  var key = storage.key(i);
  console.log(key);
}
  1. 删除数据
storage.removeItem('a');  //删除a字段的数据
storage.clear();  //删除所有数据
console.log(storage);    // ''
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容