使用 localStorage

localStorage 物件提供字串的永續性（但不是永久性的 - 請參閱下面的限制）鍵值儲存。任何更改都會立即顯示在同一來源的所有其他視窗/框架中。除非使用者清除已儲存的資料或配置到期限制，否則儲存的值將無限期持久儲存。localStorage 使用類似於地圖的介面來獲取和設定值。

localStorage.setItem('name', "John Smith");
console.log(localStorage.getItem('name')); // "John Smith"

localStorage.removeItem('name');
console.log(localStorage.getItem('name')); // null

如果要儲存簡單的結構化資料，可以使用 JSON 將其序列化為字串以進行儲存。

var players = [{name: "Tyler", score: 22}, {name: "Ryan", score: 41}];
localStorage.setItem('players', JSON.stringify(players));

console.log(JSON.parse(localStorage.getItem('players')));
// [ Object { name: "Tyler", score: 22 }, Object { name: "Ryan", score: 41 } ]

瀏覽器中的 localStorage 限制

移動瀏覽器：

桌面瀏覽器：