iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 25
1
Modern Web

JS 學習歷程系列 第 25

我存進去了,我又取出來了! - localStorage 基本使用 (一)

什麼是 localStorage

在HTML5中,新加入了一個 localStorage 特性,這個特性主要是用來作為本地儲存來使用的,解決了cookie儲存空間不足的問題(cookie中每條cookie的儲存空間為4k),localStorage中一般瀏覽器支援的是5M大小,這個在不同的瀏覽器中localStorage會有所不同。

基本使用方法

新增或更新
localStorage.getItem('自訂一個數據名稱','想要存入的值)
讀取
localStorage.getItem('自訂一個數據名稱','想要存入的值)

注意

目前所有的瀏覽器中都會把localStorage的值型別限定為string型別,這個在對我們日常比較常見的JSON物件型別需要一些轉換

轉換型別的方法

將資料字串化存入
JSON.stringify ( )
The data becomes a JavaScript object. (W3C解釋)
JSON.parse ( )

明天來和 localStorage 玩耍。

參考資料:

  1. 程式前沿
  2. w3schools.com

上一篇
嘿嘿!厲害啦! - 六角學院 JS 最終作業 (七)
下一篇
我存進去了,我又取出來了! - localStorage 基本使用 (二)
系列文
JS 學習歷程30

尚未有邦友留言

立即登入留言