localstorage是什么,它有哪些作用
2014-11-25 · 知道合伙人教育行家
localStorage保存的数据,一般情况下是永久保存的,也就是说只要采用localstorage保存信息,数据便一直存储在用户的客户端中。即使用户关闭当前web浏览器后重新启动,数据让然存在。知道用户或程序明确制定删除,数据的生命周期才会结束。
在安全性方面,localstorage是域内安全的,即localstorage是基于域的。任何在该域内的所有页面,都可以访问localstorage数据。但让然存在一个问题,就是各个浏览器厂商的浏览器之间的数据是各自独立的。也就是说,如果在firefox中使用localstorage存储一组数据,在chrome浏览器下是无法读取的。同样,由于localstorage数据是保存在用户的设备中的,因此同一个应用程序在不同设备上保存的数据是不同的。
您好,答案已经给出,请您浏览一遍
有什么不懂的地方欢迎回复我!
如果满意请及时点击【采纳为满意答案】按钮
或者客户端的朋友在右上角评价点【满意】
您的采纳,
是我答题的动力
也同时给您带来知识和财富值
O(∩_∩)O谢谢您!!!
局部存储器。它是html5新增的一个本地存储API,所谓localStorage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中,我们可以通过js来操纵localStorage。
localStorage的用法
1、localStorage通过使用setItem(key,value)来设置元素以及值,如localStorage.setItem("name","chenyejun")
2、使用getItem(key)来获取元素值,如localStorage.getItem("name");
3、使用removeItem(key)清除key值,如localStorage.removeItem("name");
4、使用localStorage.clear()清除所有的key值;
5、使用localStorage.length可以获取本地存储key的个数;
6、按照序号读取本地存储变量的key值,使用localStorage.key(i)。
localStorage主要作为浏览器本地存储来使用,解决cookie存储空间不足的问题(cookie中每条cookie的空间为4k),网上查到的资料说localStorage中一般浏览器支持的是5M大小,在不同的浏览器中容量支持有所不同;
localStorage的容量限制指的是所有键的总容量而不是单个键值的容量;
我亲测了下结果:360浏览器极速模式-5242860字符(40M) 测试浏览器容量限制的网址:https://arty.name/localstorage.html,有兴趣可以自己测试下。
拓展了cookie的4K限制;
一般浏览器的储存限定为string类型;
浏览器隐私模式下不可读取;
需要高版本浏览器的兼容;
localStorage容量过大回导致浏览器卡顿,这点开发的时候需要考虑下。
有一个不错的在线视频教程,从localStorage的基础介绍到具体的代码封装、实战、提升,感觉还不错;里面还有源代码可以下载,推荐你看下,上面的内容就是我从课件里面摘录,希望对你有所帮助。
localStorage 是指本地存储的意思。
比 cookies 能存更大的数据,可以在开发者工具中的 Application 栏找到 localStorage。
JS 则通过访问 localStorage 对象来读写本地存储,localStorage 对象本身比较简单,有为数不多的几个 API:
key(n) - 返回第 n 个键名,则个函数用得较少
getItem(key) - 返回指定 key 的值
setItem(key, value) - 设置指定 key 的值
removeItem(key) - 移除指定 key 的数据项
clear() - 清除所有的数据项
此外还有一个 length 属性,代表当前有多少个数据项。
localStorage 和 sessionStorage 都是继承自 Storage 类,因此它们的 API 是一致的。
唯一不同的是 session 的数据项生命周期是页面关闭之前,localStorage 若不清除则永久存储。
我们一般不会直接操作 localStorage,可以借助第三方库(如 store2,fastore.js)加快使用效率。
广告 您可能关注的内容 |