位置:首页 > JavaScript > JavaScript >

js本地存储localStorage用法

字号+ 作者:micloud 来源:www.seoalphas.com 2022-09-22 16:16 浏览量:1141

localStorage基础的运用并不复杂,下面是一些常用的几个方法:

1、存储:

localStorage.setItem(key,value)

如果key存在时,更新value


2、获取:

localStorage.getItem(key)

如果key不存在返回null


3、删除:

localStorage.removeItem(key)

一旦删除,key对应的数据将会全部删除


4、全部清除:

localStorage.clear()

某些时候使用removeItem逐个删除太麻烦,可以使用clear,执行的后果是会清除所有localStorage对象保存的数据


5、遍历localStorage存储的key

.length 数据总量,例:

localStorage.length

.key(index) 获取key,例:

var key=localStorage.key(index);


6、存储JSON格式数据

JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串
JSON.parse(data) 将数据解析成对象,返回解析后的对象


备注:localStorage存数的数据是不能跨浏览器共用的,一个浏览器只能读取各自浏览器的数据,储存空间5M。


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

相关文章
  • js操作radio单选框改变事件 点击radio执行相应操作

    js操作radio单选框改变事件 点击radio执行相应操作

    浏览次数:15181

  • 关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    浏览次数:12792

  • JavaScript中对url进行编码:urlencode编码

    JavaScript中对url进行编码:urlencode编码

    浏览次数:11407

  • js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

    浏览次数:6721

网友点评
评论区域