詳解JavaScript中localStorage使用要點

taowen 發布于2019-08-23 16:47 / 660人閱讀

摘要：提供了幾個方法存儲如果存在時，更新獲取如果不存在返回刪除一旦刪除，對應的數據將會全部刪除全部清除某些時候使用逐個刪除太麻煩，可以使用執行的后果是會清除所有對象保存的數據遍歷存儲的數據總量，例獲取，例存儲格式數據將一個對象轉換成格式的數據串返

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。

云服務器 GPU云服務器 javascript中this詳解 localstorage使用 php中使用javascript vps日常維護中的一些要點總結

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103297.html

前端面試題-瀏覽器/服務端/網絡

摘要：同源策略是什么跨域通信同源兩個文檔同源需滿足協議相同域名相同端口相同跨域通信進行操作通信時如果目標與當前窗口不滿足同源條件，瀏覽器為了安全會阻止跨域操作。同源策略是什么？ javascript跨域通信同源：兩個文檔同源需滿足協議相同域名相同端口相同跨域通信：js進行DOM操作、通信時如果目標與當前窗口不滿足同源條件，瀏覽器為了安全會阻止跨域操作。跨域通信通常有以下方法 ...

jsdt 2019-08-23 15:35 評論0 收藏0
深入理解js

摘要：詳解十大常用設計模式力薦深度好文深入理解大設計模式收集各種疑難雜癥的問題集錦關于，工作和學習過程中遇到過許多問題，也解答過許多別人的問題。介紹了的內存管理。延遲加載 (Lazyload) 三種實現方式延遲加載也稱為惰性加載，即在長網頁中延遲加載圖像。用戶滾動到它們之前，視口外的圖像不會加載。本文詳細介紹了三種延遲加載的實現方式。詳解 Javascript十大常用設計模式力薦~ ...

caikeal 2019-08-26 11:39 評論0 收藏0
詳解Cookie，localStorage與seesionStorage

摘要：缺點數量和長度受限制，數量部分不同的瀏覽器不一樣，長度是不能超過，否則會被截掉。更容易受到安全攻擊。不會在每個請求中被攜帶。遵循同源政策，保存數據會相對來說安全些。的優缺點基本上和是相同的，同屬于，返回的也都是一個對象。前言這些api的發展歷程？這些api各自的優缺點是什么？這些api的使用場景？怎么用就不說了，因為直接看文檔就可以了參考了很多篇文章，現在把所看的內容總...

Rango 2019-08-26 11:53 評論0 收藏0
Javascript本地存儲小結

摘要：不是很安全，別人可以分析存放在本地的并進行欺騙，考慮到安全應當使用。因此不是一種持久化的本地存儲，僅僅是會話級別的存儲。用于持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的。前言總括：詳細講述Cookie,LocalStorge,SesstionStorge的區別和用法。人生如畫，歲月如歌。原文博客地址：Javascript本地存儲小結知乎專欄&&簡書專題：前端...

garfileo 2019-08-20 12:19 評論0 收藏0