美文网首页
localStorage

localStorage

作者: TerenceL | 来源:发表于2017-09-15 15:35 被阅读0次

    一、兼容性:如果不考虑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);    // ''
    

    相关文章

      网友评论

          本文标题:localStorage

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