HTML5技术

本地存储之localStorage - BH-Web

字号+ 作者:H5之家 来源:H5之家 2017-11-05 09:00 我要评论( )

localStorage本地存储 、对象、存数据 、取数据 存储的数据量在20M左右 localStorage是window下面的属性,用的时候可以省略window 数据只能存储字符串类型的 localStorage没有过期时间,只要不删除就永远存在 同一个浏览器的不同窗口数据可以通用 不同的浏览

localStorage 本地存储 、对象、存数据 、取数据
  • 存储的数据量在20M左右

  • localStorage 是window下面的属性,用的时候可以省略window

  • 数据只能存储字符串类型的

  • localStorage没有过期时间,只要不删除就永远存在

  • 同一个浏览器的不同窗口数据可以通用

  • 不同的浏览器之间的数据不能通用

    localStorage 的使用方式: 01.存数据:localStorage.setItem('数据的名字','数据'); 02.取数据:localStorage.getItem('数据的名字');   注意:如果获取的数据不存在,返回的是null 03.删数据:localStorage.removeItem('数据的名字'); 04.清空数据:localStorage.clear(); 示例:   //随意存几个数据进去     localStorage.setItem('abc','efg'); localStorage.setItem('qwe','hj'); localStorage.setItem('sdf','fgh'); localStorage.setItem('hj','dsfsdf');  //先判断一下数据是否存在 存在的话再去取 if(localStorage.getItem('abc')){   alert(localStorage.getItem('abc')); }   //删除数据 setTimeout(function(){    localStorage.removeItem('abc'); },2000)   //清空数据 setTimeout(function(){   localStorage.clear(); },2000)   //存数组的形式存数据 // JSON.stringify() 将对象转换成字符串 // JSON.parse() 将对象字符串转换成对象 localStorage.setItem('arr',JSON.stringify([1,2,3])); console.log(JSON.parse(localStorage.getItem('arr')));

     

      

     

  •  

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • C# 7.0 新特性:本地方法 - 冠军

      C# 7.0 新特性:本地方法 - 冠军

      2017-10-09 13:00

    • h5的本地存储——sessionStorage,localStorage - Linsen925

      h5的本地存储——sessionStorage,localStorage - Linsen925

      2017-09-16 09:00

    • HTML5本地存储应用sessionStorage和localStorage - ghostwu

      HTML5本地存储应用sessionStorage和localStorage - ghostwu

      2017-08-18 09:00

    • 本地存储与地理信息 - 左转右转

      本地存储与地理信息 - 左转右转

      2017-08-17 16:01

    网友点评
    a