我存進去了，我又取出來了！ - localStorage 基本使用 (二) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

第 11 屆 iThome 鐵人賽

DAY 26

1

Modern Web

JS 學習歷程系列第 26 篇

我存進去了，我又取出來了！ - localStorage 基本使用 (二)

11th鐵人賽

團隊火箭隊

2019-09-27 11:49:06

702 瀏覽

今天來玩 localStorage 吧，

假設鄰居媽媽有個小本本，紀錄上下左右鄰居家所有人名稱(好變態的嗜好，好孩子不要學)，

若左邊鄰居太太叫 Happy，我們來用 localStorage 存取這個紀錄：

localStorage.setItem('wifeName', "Happy");

我們來看看紀錄被存在哪裡吧：

用 Chrome 瀏覽器打開網頁，按下右鍵並選擇檢查：

進入檢查之後，切換到 Application 頁面：

噹啷～是不是抓到左邊鄰居太太的名字惹：

若右邊鄰居太太叫 Happy2，一樣來用 localStorage 存取這個紀錄吧：

localStorage.setItem('wifeName', "Happy2");

我們來看看 localStorage 的長相吧：

什麼！！！原來的資料被覆蓋掉了～被覆蓋掉了～被覆蓋掉了～

這完全不符合鄰居媽媽的期待啊！！！為了明天不要讓鄰居媽媽的興趣被剝奪掉，明天來解決這個問題吧。

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

我存進去了，我又取出來了！ - localStorage 基本使用 (三)

系列文

JS 學習歷程共 30 篇

目錄

RSS系列文訂閱系列文

45 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙