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中所有信息。