localstorage存储大小

① LocalStorage本地存储

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage属于永久性存储，不可被爬虫抓取。
localStorage存储的数据是不能跨浏览器共用的，也就是说存储在浏览器的数据只能在这个浏览器中访问。
如果存储进去的是int类型，打印出来会是string类型，这个与localStorage本身的特点有关，localStorage只支持string类型的存储。

表格来源

数据来源一         数据来源二
localStorage.getItem(key)：
获取指定key本地存储的值，不会自动将Json对象转成字符串形式，如果key的value不存在时，返回null

localStorage.setItem(key,value)：
将value存储到key字段，如果key的value存在时，更新key的值,

localStorage.removeItem(key) 和 localStorage.clear()：
删除指定key本地存储的值，表示清除单项key的值

读取数据

遍历数据

如何存储JSON对象：
localStorage.setItem() 不会自动将Json对象转成字符串形式，用localStorage.setItem()正确存储JSON对象方法是，存储前先用JSON.stringify()方法将json对象转换成字符串形式，后续要操作该JSON对象，要将之前存储的JSON字符串先转成JSON对象再进行操作：

② 浏览器支持的localstorage最大支持多大,数据是储存在哪里

浏览器支持的localStorage最大容量通常为5MB左右，数据是储存在浏览器的本地存储中。

localStorage是Web浏览器提供的一种本地存储机制，它允许网站存储键值对数据，即使在用户关闭网页或浏览器后，这些数据也会被保留。这种存储方式不受页面刷新或会话结束的影响。

关于localStorage的容量限制，不同的浏览器可能会有所不同，但通常最大支持约5MB的存储空间。这个容量对于存储一般网站的用户偏好、设置或其他非敏感数据是足够的。但是，如果尝试存储超出此限制的数据，操作可能会失败或者导致数据覆盖。

关于数据的存储位置，localStorage的数据实际上是储存在用户的浏览器本地存储中的。这意味着数据是保存在用户的设备上，而不是在服务器上。当用户访问使用localStorage的网站时，浏览器会创建和管理这些数据。这些数据对于用户来说是私有的，只能通过浏览器的API进行访问和修改。因此，使用localStorage时，应考虑数据的隐私性和安全性问题。

此外，由于localStorage是基于浏览器的存储机制，因此它只能在支持Web存储的浏览器上使用。对于不支持或不启用本地存储的浏览器，localStorage的功能将无法使用。因此，在开发使用localStorage的Web应用时，需要考虑兼容性和用户设备的能力。

总的来说，localStorage提供了一种方便的方式来存储网站数据，但在使用时需要关注其容量限制、安全性以及兼容性等问题。

③ localstorage初识

localstorage，web的本地存储技术

localstorage，是HTML5中的一种本地存储方法，与sessionstorage共同为web存储提供解决方案。

localstorage具有以下特点：

1.数据永久保存于本地，除非手动删除。

2.相同域名下数据共享，同一浏览器和同源文件间可读取、清除或覆盖。

3.存储大小约为5M。

4.以字符串形式存储，不保存敏感信息。

sessionstorage，用于存储会话数据。

sessionstorage数据需在同一次会话内使用，随着会话结束而失效。

存储范围受限于同一窗口，不同标签页间不可共享。

两者关系：localstorage弥补了cookie存储空间不足的缺陷。

相比cookie，localstorage和sessionstorage不需与浏览器交互，能保存更多信息。

④ 浏览器支持的Localstorage最大支持多大，数据是储存在哪里

localStorage 存储在浏览器中。

localStorage中一般浏览器支持的是5M大小，在不同的浏览器中localStorage会有所不同。

localStorage：

用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。

只想将数据保存在当前会话中，可以使用 sessionStorage 属性， 改数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

(4)localstorage存储大小扩展阅读：

localStorage主要有以下几种方法:

1、localStorage.setItem("key", "value");

存储名字为key的一个值value，如果key存在，就更新value。

例：

localStorage.setItem("name","john"); //设置name为john

localStorage.setItem("name","john1"); //覆盖之前的值，现在name所对应的值是john1

2、var lastname = localStorage.getItem("key");

获取名称为key的值，如果key不存在则返回null。

3、localStorage.removeItem("key");

删除名称为“key”的信息，这个key所对应的value也会全部被删除。

4、localStorage.clear()：

清空localStorage中所有信息。